js遍历数组的几种方式

JavaScript 遍历数组有多种方式，以下是常用的几种方式：

for循环

使用 for 循环遍历数组是最基本和最常用的方法，可以通过循环计数器来获取数组中的每个元素。

const arr = ['apple', 'banana', 'orange'];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

foreach方法

forEach 方法是 ES5 新增的数组迭代方法，它接受一个回调函数作为参数，对数组中的每个元素执行回调函数。

const arr = ['apple', 'banana', 'orange'];
arr.forEach(function(item) {
  console.log(item);
});

map方法

map 方法也是 ES5 新增的数组迭代方法，它接受一个回调函数作为参数，返回一个新的数组，数组中的每个元素是原始数组中执行回调函数后的结果。

const arr = [1, 2, 3];
const newArr = arr.map(function(item) {
  return item * 2;
});
console.log(newArr); // [2, 4, 6]

filter方法

filter 方法也是 ES5 新增的数组迭代方法，它接受一个回调函数作为参数，返回一个新的数组，数组中的元素是原始数组中符合回调函数条件的元素。

const arr = [1, 2, 3];
const newArr = arr.filter(function(item) {
  return item > 1;
});
console.log(newArr); // [2, 3]

reduce方法

reduce 方法也是 ES5 新增的数组迭代方法，它接受一个回调函数作为参数，返回一个新的值，这个值是原始数组中执行回调函数后的累计值。

const arr = [1, 2, 3];
const sum = arr.reduce(function(total, item) {
  return total + item;
}, 0);
console.log(sum); // 6

以上就是 JavaScript 遍历数组的常用方式，根据不同的需求选择不同的方法可以更加方便和高效地操作数组。