js 遍历数组的几种方法|极客笔记

js 遍历数组的几种方法

在编写 JavaScript 代码时，经常需要遍历数组（Array）来处理数据。遍历数组是常见的操作，有多种方法可以实现。本文将介绍几种常用的遍历数组的方法，帮助读者更好地掌握 JavaScript 中数组的操作。

使用 for 循环是最基本的遍历数组的方法。通过设定起始值、循环条件和每次循环的增量来实现数组的遍历。

const array = [1, 2, 3, 4, 5];
for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}

在上面的示例中，我们定义了一个数组 array，然后使用 for 循环遍历输出了数组中的每个元素。这种方法简单直接，适用于大多数情况。

forEach 方法是 ES5 新增的数组方法，使用它可以更加简洁地遍历数组。

const array = [1, 2, 3, 4, 5];
array.forEach(item => {
    console.log(item);
});

上面的代码中，我们使用 forEach 方法遍历数组 array，它会依次执行传入的回调函数，对数组中的每个元素都会调用一次该函数。这种方法适用于需要对数组中的每个元素进行相同的操作的情况。

map 方法也是 ES5 新增的数组方法，它和 forEach 方法类似，区别在于 map 方法会返回一个新的数组，而不会改变原数组。

const array = [1, 2, 3, 4, 5];
const newArray = array.map(item => item * 2);
console.log(newArray);

在上面的示例中，我们使用 map 方法将数组 array 中的每个元素乘以 2，然后返回一个新的数组。这种方法适用于需要对数组中的每个元素进行处理并返回新数组的情况。

filter 方法也是 ES5 新增的数组方法，它用于筛选数组中符合条件的元素，并返回一个新的数组。

const array = [1, 2, 3, 4, 5];
const newArray = array.filter(item => item % 2 === 0);
console.log(newArray);

在上面的示例中，我们使用 filter 方法筛选出数组 array 中的偶数元素，并返回一个新的数组。这种方法适用于需要根据某个条件筛选出元素的情况。

reduce 方法可以将数组中的元素通过指定的函数累积为一个值。

const array = [1, 2, 3, 4, 5];
const sum = array.reduce((acc, cur) => acc + cur, 0);
console.log(sum);

上面的代码中，我们使用 reduce 方法计算数组 array 中所有元素的和。reduce 方法接受一个回调函数和初始值作为参数，回调函数中的 acc 表示累积值，cur 表示当前元素的值。这种方法适用于需要对数组中的元素进行累积操作的情况。