{site_name}

{site_name}

🌜 搜索

JavaScript 数组迭代是指对数组中的每个元素进行遍历和操作,从而实现对数组的处理

前端 𝄐 0
js数组迭代方法,js数组some every,js数组append,js实现数组的indexof方法,js的迭代方法,js数组的遍历可以用哪几种方法?
JavaScript 数组迭代是指对数组中的每个元素进行遍历和操作,从而实现对数组的处理。JavaScript 提供了多种用于数组迭代的方法,包括 forEach、map、filter、reduce 等。

以下是各个方法的详细解释及示例:

1. forEach():遍历数组中的每个元素,并执行回调函数。


const arr = [1, 2, 3];

arr.forEach((item) => {
console.log(item);
});

// 输出:
// 1
// 2
// 3


2. map():遍历数组中的每个元素,并将每个元素传递给回调函数进行操作,最终返回一个新的数组。


const arr = [1, 2, 3];

const newArr = arr.map((item) => {
return item * 2;
});

console.log(newArr); // 输出 [2, 4, 6]


3. filter():遍历数组中的每个元素,并将满足条件的元素放入一个新的数组中返回。


const arr = [1, 2, 3, 4, 5];

const newArr = arr.filter((item) => {
return item % 2 === 0;
});

console.log(newArr); // 输出 [2, 4]


4. reduce():从数组的第一个元素开始,依次遍历到最后一个元素,对每个元素执行回调函数,将结果聚合为一个值并返回。


const arr = [1, 2, 3, 4, 5];

const sum = arr.reduce((total, item) => {
return total + item;
}, 0);

console.log(sum); // 输出 15


以上是 JavaScript 数组迭代的常用方法及其应用。