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 数组迭代的常用方法及其应用。
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 数组迭代的常用方法及其应用。
本文地址:
/show-270168.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。