js遍历数组的方式

在 JavaScript 中，有多种方式可以遍历数组，根据需求和使用场景选择合适的方式。

1. 使用 for 循环：
   可以使用传统的 for 循环来遍历数组，通过数组的索引进行访问。

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

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

2. 使用 forEach 方法：
   数组的 forEach 方法提供了一种简洁的方式来遍历数组，它接受一个回调函数作为参数，并对数组的每个元素执行回调函数。

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

arr.forEach((item) => {
  console.log(item);
});

3. 使用 for…of 循环：
   for…of 循环是 ES6 中引入的一种遍历数组的方式，它可以直接遍历数组中的元素值，而不需要使用索引。

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

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

4. 使用 map 方法：
   数组的 map 方法可以遍历数组，并将每个元素传递给回调函数进行处理，返回一个新的数组。

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

const mappedArray = arr.map((item) => {
  return item * 2;
});

console.log(mappedArray);

5. 使用其他高阶函数：
   JavaScript 提供了许多高阶函数，如 filter、reduce、some、every 等，它们可以用于特定的数组遍历和操作需求。

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

// 使用 filter 方法筛选出偶数
const evenNumbers = arr.filter((item) => item % 2 === 0);

console.log(evenNumbers);

通过选择适当的遍历方式，可以根据具体需求对数组进行操作和处理。使用高阶函数可以更加灵活和简洁地进行数组的遍历和操作。