JavaScript 数组遍历详细解析与代码示例

JavaScript的数组遍历可以使用循环、forEach()、map()、filter()、reduce()等方法。下面我们将逐一介绍这些方法。

使用for循环是最基本的遍历方式。通过循环控制语句，可以按顺序遍历数组中的每个元素，然后进行相应的操作。

代码示例：

javascript 复制代码

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

forEach() 方法对数组的每个元素执行一次给定的函数，这个函数没有返回值。通常情况下，我们使用它来遍历数组，并对每个元素进行一些操作。

代码示例：

javascript 复制代码

const arr = [1, 2, 3, 4, 5];
arr.forEach(function (item, index) {
  console.log(`第${index}个元素是：${item}`);
});

map() 方法创建一个新数组，其结果是将数组中每个元素应用于给定函数的返回值。遍历数组每个元素并返回新的元素组成的数组。

代码示例：

javascript 复制代码

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

filter() 方法创建一个新数组，其中包含通过给定函数执行的测试的所有元素。遍历数组每个元素，返回符合条件的元素组成的数组。

代码示例：

javascript 复制代码

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

reduce() 方法在数组的每个元素上执行给定的 reducer 函数，并将结果汇总为单个值。遍历数组，对每个元素进行累加或计算操作。

代码示例：

javascript 复制代码

const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce(function (prev, current, index) {
  return prev + current;
}, 0);
console.log(sum); // 15

以上是 JavaScript 数组遍历的几种方式，我们可以根据实际需求来选择不同的方法进行遍历。