JavaScript 怎样遍历数组

在 JavaScript 编程中，遍历数组是一项极为常见的操作。掌握多种遍历数组的方法，能够让开发者根据不同的需求，高效地处理数组中的数据。

for 循环遍历

for 循环是最基础的遍历数组的方式。通过设定一个初始值、终止条件和递增表达式，我们可以按顺序访问数组中的每一个元素。例如：

const arr = [10, 20, 30, 40];
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i]); 
}

这种方法的优点是可以精确控制循环的次数和索引，适用于需要对数组元素进行顺序访问并进行特定操作的场景。

for...of 循环遍历

for...of 循环是 ES6 引入的新语法，它专门用于遍历可迭代对象，数组就是其中之一。代码如下：

const arr = [10, 20, 30, 40];
for (const value of arr) {
    console.log(value); 
}

for...of 循环简洁明了，直接获取数组的元素值，无需关心索引。在只需要处理元素值，而不关心元素索引的情况下，使用 for...of 循环可以让代码更易读。

forEach 方法遍历

forEach 是数组的一个内置方法，它为数组中的每个元素执行一次提供的函数。示例如下：

const arr = [10, 20, 30, 40];
arr.forEach((value, index) => {
    console.log(`索引 ${index} 的值是 ${value}`); 
});

forEach 方法接收一个回调函数，回调函数接收三个参数：当前元素、当前索引和数组本身。它适用于对数组中的每个元素执行相同的操作，并且可以方便地获取元素和索引。

map 方法遍历

map 方法会创建一个新数组，新数组中的元素是原数组中每个元素经过某种处理后的结果。例如：

const arr = [1, 2, 3, 4];
const newArr = arr.map((value) => value * 2);
console.log(newArr); 

map 方法返回一个新数组，这在需要对数组元素进行转换并生成新数组时非常有用。

不同的数组遍历方法适用于不同的场景。在实际编程中，开发者需要根据具体需求选择合适的遍历方式，以提高代码的效率和可读性。