JavaScript中的数组迭代方法和高阶函数

JavaScript中的数组是一种非常常用的数据类型，它可以存储多个数据并按照顺序进行排列。在日常的编程中，我们经常需要对数组进行遍历、筛选、计算等操作，这时候就可以使用JavaScript中的数组迭代方法和高阶函数。

一、forEach方法

forEach方法可以对数组中的每个元素执行一次提供的函数，它不会改变原数组。

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item, index) {
  console.log(`第${index+1}个元素为：${item}`);
});

上述代码会输出以下结果：

第1个元素为：1
第2个元素为：2
第3个元素为：3
第4个元素为：4
第5个元素为：5

其中，item代表数组中的元素，index代表当前元素的下标。

二、map方法

map方法可以对数组中的每个元素执行一次提供的函数，并返回一个新的数组。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.map(function(item) {
  return item * 2;
});
console.log(newArr);

上述代码会输出以下结果：

[2, 4, 6, 8, 10]

其中，item代表数组中的元素，return语句用于返回新的元素。

三、filter方法

filter方法可以对数组中的每个元素执行一次提供的函数，并返回一个新的数组，新数组中只包含符合条件的元素。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.filter(function(item) {
  return item % 2 === 0;
});
console.log(newArr);

上述代码会输出以下结果：

[2, 4]

其中，item代表数组中的元素，return语句用于返回符合条件的元素。

四、reduce方法

reduce方法可以对数组中的每个元素执行一次提供的函数，并返回一个累加结果。

let arr = [1, 2, 3, 4, 5];
let sum = arr.reduce(function(total, item) {
  return total + item;
});
console.log(sum);

上述代码会输出以下结果：

15

其中，total代表累加结果，item代表数组中的元素。

五、every方法

every方法可以对数组中的每个元素执行一次提供的函数，并返回一个布尔值，表示是否所有元素都符合条件。

let arr = [1, 2, 3, 4, 5];
let result = arr.every(function(item) {
  return item > 0;
});
console.log(result);

上述代码会输出以下结果：

true

其中，item代表数组中的元素，return语句用于返回布尔值。

六、some方法

some方法可以对数组中的每个元素执行一次提供的函数，并返回一个布尔值，表示是否存在符合条件的元素。

let arr = [1, 2, 3, 4, 5];
let result = arr.some(function(item) {
  return item > 3;
});
console.log(result);

上述代码会输出以下结果：

true

其中，item代表数组中的元素，return语句用于返回布尔值。

以上就是JavaScript中的常用数组迭代方法和高阶函数，它们可以大大简化我们的编程工作。希望本文可以对编程小白有所帮助。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： JavaScript中的对象原型和原型继承
• 下一篇： JavaScript中的箭头函数和词法作用域