JS 中数组循环遍历方式汇总

在 JavaScript 中，数组的循环遍历是一项常见且重要的操作。掌握不同的遍历方式可以让我们更加高效和灵活地处理数组数据。以下将为您汇总几种常见的数组循环遍历方式。

最基础的方式是使用 for 循环。通过指定起始索引、结束条件和每次循环的步长，能够精确控制遍历过程。示例如下：

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

for...of 循环是 ES6 引入的新特性，它可以直接遍历数组中的元素值。

let arr = [1, 2, 3, 4, 5];
for(let num of arr) {
  console.log(num);
}

forEach 方法也是常用的遍历方式，它为数组的每个元素执行提供的回调函数。

let arr = [1, 2, 3, 4, 5];
arr.forEach(num => {
  console.log(num);
});

map 方法会返回一个新的数组，其中包含原数组每个元素经过回调函数处理后的结果。

let arr = [1, 2, 3, 4, 5];
let newArr = arr.map(num => num * 2);
console.log(newArr);

filter 方法用于创建一个新的数组，其中包含通过提供的函数实现的测试的所有元素。

let arr = [1, 2, 3, 4, 5];
let filteredArr = arr.filter(num => num > 2);
console.log(filteredArr);

reduce 方法对数组中的每个元素执行一个由您提供的 reducer 函数，将其结果汇总为单个返回值。

let arr = [1, 2, 3, 4, 5];
let sum = arr.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum);

在实际开发中，我们应根据具体的需求选择合适的数组循环遍历方式，以提高代码的可读性和性能。不同的遍历方式在处理复杂逻辑和数据操作时，各有其优势和适用场景。熟练掌握这些遍历方式，将有助于我们更高效地开发 JavaScript 应用程序。