JavaScript 数组遍历方式全盘点（上篇）

在 JavaScript 中，数组是一种常用的数据结构。掌握数组的遍历方式对于高效地处理数据至关重要。本文将为您详细介绍几种常见的 JavaScript 数组遍历方式。

首先是最基本的for循环遍历。这种方式通过索引来访问数组的每个元素。示例如下：

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

for循环遍历简单直观，但在一些复杂场景中可能不够灵活。

接下来是for...of循环遍历。它可以直接遍历数组中的元素值，而无需通过索引。

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);
});

forEach方法接收一个回调函数作为参数，该函数会被依次应用到数组的每个元素上。

还有map方法。它会返回一个新的数组，新数组中的元素是原数组元素经过回调函数处理后的结果。

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

不同的数组遍历方式在不同的场景下有着各自的优势。在实际开发中，我们需要根据具体的需求选择合适的遍历方式，以提高代码的效率和可读性。

在后续的下篇中，我们还将介绍更多高级的数组遍历方式以及它们的应用场景。敬请期待！