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 循环。