js循环遍历数组方法总结
在 JavaScript 中，有多种方法可以用来循环遍历数组。每种方法都有其特定的用途和优点。以下是常用的数组遍历方法总结：
1. for 循环
最经典的循环方式，可以完全控制遍历的起点、终点和步长。
const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
优点: 控制灵活，可以访问索引，支持 break 和 continue。
缺点: 需要手动管理索引，代码稍显冗长。
2. for...of 循环
用于遍历数组的元素值，而不是索引。
const arr = [1, 2, 3, 4, 5];
for (const value of arr) {
console.log(value);
}
优点: 语法简洁，直接访问数组元素。
缺点: 不直接提供索引访问，无法使用 break 来中断 Array.prototype.forEach 的循环。
3. forEach 方法
数组原生方法，适合对数组中的每个元素执行操作。
const arr = [1, 2, 3, 4, 5];
arr.forEach((value, index) => {
console.log(`Index: ${index}, Value: ${value}`);
});
优点: 语法简洁，直接访问元素和索引，避免了手动管理索引。
缺点: 不支持 break 和 continue 直接中断循环，只能通过抛出异常中断。
4. map 方法
与 forEach 类似，但会返回一个新数组，包含回调函数的返回值。
const arr = [1, 2, 3, 4, 5]; const newArr = arr.map(value => value * 2); console.log(newArr); // [2, 4, 6, 8, 10]
优点: 可以生成并返回一个新的数组。
缺点: 不适用于只执行副作用的循环操作。
5. filter 方法
遍历数组并返回一个新的数组，包含通过回调函数条件筛选的元素。
const arr = [1, 2, 3, 4, 5]; const filteredArr = arr.filter(value => value > 3); console.log(filteredArr); // [4, 5]
优点: 可以基于条件创建新数组。
缺点: 只适用于筛选，不适合简单的遍历。
6. reduce 方法
用于累积数组中的值（如求和、求积等），并返回单个累积结果。
const arr = [1, 2, 3, 4, 5]; const sum = arr.reduce((accumulator, value) => accumulator + value, 0); console.log(sum); // 15
优点: 强大的累积功能，可以将数组减少为一个值。
缺点: 语法稍复杂，不适用于简单的遍历。
7. some 和 every 方法
some: 检查数组中是否有至少一个元素通过回调函数的测试。
every: 检查数组中是否所有元素都通过回调函数的测试。
const arr = [1, 2, 3, 4, 5]; const hasEven = arr.some(value => value % 2 === 0); console.log(hasEven); // true const allEven = arr.every(value => value % 2 === 0); console.log(allEven); // false
优点: 适用于条件测试的遍历。
缺点: 不直接适合操作或修改数组元素。
8. for...in 循环
遍历数组对象的可枚举属性（包括数组的索引），但不推荐用于遍历数组。
const arr = [1, 2, 3, 4, 5];
for (const key in arr) {
console.log(arr[key]);
}
优点: 用于遍历对象属性。
缺点: 不推荐用于数组，因为它会遍历所有可枚举属性，包括继承的属性和非数字键。
9. while 和 do...while 循环
通过条件来循环，适合需要更灵活的循环条件的场景。
const arr = [1, 2, 3, 4, 5];
let i = 0;
while (i < arr.length) {
console.log(arr[i]);
i++;
}
优点: 灵活控制循环条件。
缺点: 需要手动管理索引，容易引发无限循环。
总结
for 和 while：灵活且经典，但代码较长。
for...of 和 forEach：简洁，适合只需遍历的场景。
map、filter、reduce：适合对数组进行操作并返回新数组或结果的场景。
some 和 every：适合条件判断的场景。
for...in：通常不推荐用于数组遍历。
选择哪种方法取决于具体需求和代码的可读性。