JS遍历数组的几种方法

在 JavaScript 中，遍历数组有多种方法，下面介绍几种经典方法。

for 循环
用 for 循环遍历数组是最基础、最原始的方法。

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

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

forEach()
forEach() 是 ES5 中新增的方法，用来遍历数组，可以传递一个函数作为参数，这个函数会被依次作用到数组的每一个元素上。

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

arr.forEach(function(item) {
  console.log(item);
});

forEach() 方法的参数是一个函数，该函数可以接受三个参数：数组元素的值，元素的索引和数组本身。

const arr = [1, 2, 3];

arr.forEach(function(value, index, array) {
  console.log(value, index, array);
});

map()
map() 方法也是 ES5 中新增的方法，可以遍历数组并执行一个回调函数，它会返回一个新数组，该数组由回调函数的返回值组成。

const arr = [1, 2, 3];

const mappedArr = arr.map(function(item) {
  return item * 2;
});

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

for…of 循环
ES6 引入了 for…of 循环，可以简洁地遍历数组。

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

for (const item of arr) {
  console.log(item);
}

需要注意的是，for…of 循环不能遍历对象，只能遍历数组、Set、Map、字符串等可迭代对象。

总结：以上是比较常见的几种 JavaScript 遍历数组的方法。不论使用哪种方法，都要注意循环的性能和效率。在使用 forEach() 或 map() 方法时，需要注意不可修改数组内的元素值。如果需要修改元素值，可以使用 for 循环或 for…of 循环。