JavaScript 数组迭代

admin2年前 (2023-07-02)it知识580

数组迭代方法对每个数组项进行操作

Array.foreach()方法为每个数组元素调用一次函数(回调函数)

var txt = "";var number = [5, 2, 10, 16, 65];number.foreach(myFunction);function myFunction(value, index, array) {      txt = txt + value + "<br>";}

Array.map()

map() 方法通过对每个数组元素执行函[文]数来创建新数组

map() 方法不会对没有值的数组元素执[章]行函数

map() 方法不会改变原始数组

var numbers1 = [45, 3, 7, 8, 9 20];var numbers2 = numbers1.map(myFunction);function myFunction(value, index, array) {   return value * 2;}

Array.filter()

filter() 方法创建一个包含通过测试的数组元素的新数组。这里返回数组中大于20 的值

var numbers = [45, 6, 12, 21, 30];var over = number.filter(myFunction);function myFunction(value, index, array){  return value > 20;}

Array.reduce()

reduce() 方法在每个数组元素上运行函数[来],以生成减少它单个值

reduce() 方法在数组中从左到右工作

reduce() 方法不会减少原始数组

var numbers1 = [20, 30, 10, 5, 16];var sum = number1.reduce(muFunction, 100); //这里的100是一个初始值function myFunction(total, value, index, array) {   return total + value;}

Array.every()

every() 方法检查所有数组值是否通过测试。 返回布尔值

var numbers = [20,3,6,77,88];var allOver = number.every(myFunction);function myFunction(value, index, array) {    return value > 20;}

Array.some()  

some() 方法检查某些数组是否通过了测试。返回布尔值

var number = [20, 5, 776, 31, 6];var someOver = number.some(myFunction);function myFunction(value, index,  array) {  return value > 20;}

Array.indexOf()

indexOf() 方法在数组中搜索元素并返回其位置,没有找到返回 -1

var brands = ["anta", "tom", "apple", "mi"];var a = brands.indexOf("apple");

Array.find()

find() 方法返回通过测试函数的第一数组元素的值, 这里是30

var number = [18, 30 ,12, 21, 30];var first = numbers.find(myFunction);function myFunction(value, index, array) {  return value > 20;}

Array.findIndex()

findIndex() 方法返回通过测试函数的第一数组元素的索引, 这里是返回1

var numbers = [18, 21, 27, 30, 25];var first = number.findIndex(myFunction);function myFunction(value, index, array) {  return value > 20;}


标签: JavaScript

相关文章

JavaScript 可迭代对象

可迭代对象时可以使用for..of 进行迭代的对象从技术上讲,可迭代对象必须实现Symbol.iterator方法。遍历字符串你可以使用for..of循环来遍历字符串的元素:for(const&nbs...

JavaScript 的核心是 ECMAScript

JavaScript 的核心是 ECMAScript,具体来说,它包括以下几个方面:语法:JavaScript 的语法包括语句结构、变量定义、函数定义、条件语句、循环语句等。ECMAScript 标准...

JavaScript 最新特征

JavaScript 的最新特征包括以下几个方面:类的私有变量:通过使用 # 符号,可以在类中定义私有变量,只能在类的内部访问,外部无法访问。空位合并操作符:使用 ?? 符号,可以在两项中任一项为 n...

JavaScript Set

JavaScript的Set(集合)是一组唯一值的集合。每个值只能在Set中出现一次。Set可以容纳任何数据类型的值。如何创建Set将数组传递给new Set()创建一个新的Set, 然后使用add(...

关于Javascript

JavaScript是一种广泛使用的编程语言,用于在网页上添加交互性和动态性。它是一种高级,动态类型的脚本语言,常常与HTML和CSS一起使用,以创建丰富的用户体验。JavaScript具有以下优美的...

javascript的重要性

JavaScript在编程中具有以下重要性:前端开发:JavaScript是Web前端开发的基础语言,用于创建动态交互性和用户界面。它可以直接在浏览器中运行,使得开发者可以快速构建和部署Web应用程序...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。