JavaScript 函数循环遍历数组

在 JavaScript 中，循环遍历数组是常见的操作。本文将介绍如何使用函数循环遍历数组。

For 循环

使用 for 循环是最常见的遍历数组的方法，它使用索引值来循环遍历数组中的每个元素。

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

for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

上面的代码将输出数组中的每个元素。

ForEach 方法

除了 for 循环之外，也可以使用数组的 forEach 方法来遍历数组。forEach 方法接受一个函数作为参数，这个函数将作用于数组中的每个元素。

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

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

上面的代码将输出数组中的每个元素。

Map 方法

使用数组的 map 方法可以对每个元素进行处理并返回处理后的新数组。map 方法也接受一个函数作为参数，这个函数将作用于数组中的每个元素。

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

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

console.log(newArr); // [2, 4, 6, 8, 10]

上面的代码将把数组中的每个元素乘以 2 并返回一个新的数组。

Filter 方法

使用数组的 filter 方法可以根据某个条件筛选出数组中符合条件的元素，并返回一个新的数组。filter 方法也接受一个函数作为参数，这个函数将作用于数组中的每个元素。

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

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

console.log(filteredArr); // [2, 4]

上面的代码将返回数组中所有偶数元素。

Reduce 方法

使用数组的 reduce 方法可以把数组中的元素从左到右逐个处理，并最终返回一个值。reduce 方法也接受一个函数作为参数，这个函数将作用于数组中的每个元素和当前计算结果。

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

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

console.log(sum); // 15

上面的代码将把数组中的元素相加并返回结果。

以上就是 JavaScript 函数循环遍历数组的几种方法。使用这些方法可以更加方便地操作数组。