JavaScript 中迭代数组的 4 种方法
JavaScript 是一种动态、弱类型的编程语言，它支持多种数据类型，包括数组。在 JavaScript 中，经常需要对数组进行遍历，这时我们就需要使用迭代的方式来访问数组中的元素。本文将介绍 JavaScript 中迭代数组的 4 种方法，包括 for 循环、forEach() 方法、map() 方法和 reduce() 方法。
1. for 循环
for 循环是一种基本的迭代方式，能够遍历数组中的每一个元素。下面是一个简单的 for 循环遍历数组的例子：
const arr = [1, 2, 3, 4, 5];
for(let i = 0; i < arr.length; i++){
console.log(arr[i]);
}
以上代码中，我们创建了一个包含五个元素的数组 arr，然后使用 for 循环遍历数组中的每一个元素，并使用 console.log() 方法将其输出到控制台。
for 循环是迭代数组最基本的方式，它简单直接，容易理解和掌握。
2. forEach() 方法
在ES5中，JavaScript引入了 forEach() 方法，它是一种迭代数组的高级方式。与 for 循环不同的是，forEach() 方法会自动遍历整个数组，并对每个元素执行相同的操作。以下是使用 forEach() 方法遍历数组的示例：
const arr = [1, 2, 3, 4, 5];
arr.forEach(item => {
console.log(item);
});
以上代码中，我们使用 forEach() 方法遍历数组中的每一个元素，并使用箭头函数将元素作为参数传递给函数体。
forEach() 方法比 for 循环更加简洁易读，它可以更快地编写代码，还可以使用箭头函数等语法糖轻松实现。
3. map() 方法
在ES6中，JavaScript引入了 map() 方法，它可以一次性遍历数组中的每一个元素，并返回一个新的数组。以下是使用 map() 方法遍历数组的示例：
const arr = [1, 2, 3, 4, 5];
const newArr = arr.map(item => item * 2);
console.log(newArr);
以上代码中，我们使用 map() 方法遍历数组中的每一个元素，并返回新的数组 newArr，其中的每个元素都是原数组中对应元素的两倍。
map() 方法还可以在遍历数组时同时进行计算和过滤操作，返回一个全新的数组。
4. reduce() 方法
reduce() 方法也是一种高级的迭代方式，在遍历数组时可以累加数组中的每一个元素，并最终返回一个累加结果。以下是使用 reduce() 方法遍历数组的示例：
const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce((total, currentValue) => total + currentValue);
console.log(sum);
以上代码中，我们使用 reduce() 方法遍历数组中的每一个元素，并将每个元素累加起来，最终返回累加结果。
reduce() 方法可以实现对数组中所有元素进行运算，并返回一个累加或累乘结果。
总结
JavaScript 中迭代数组的 4 种方法都有其独特的优点和适用场景。for 循环是最基本的迭代方式，能够满足大多数需求；forEach() 方法更加简洁易读，适用于遍历整个数组并执行相同操作的场景；map() 方法则可以在遍历数组时同时进行计算和过滤操作，返回一个全新的数组；reduce() 方法可以实现对数组中所有元素进行运算，并返回一个累加或累乘结果。在实际开发中，我们需要根据需求选择最适合的方法来迭代数组。