JavaScript 数组遍历与处理常用方法详解

一、for 循环（遍历数组、列表或其他可迭代对象中的元素）

在 JavaScript 中，for 循环是控制代码重复执行的基础结构，常用于遍历数组、列表等可迭代对象。其中，for…of 循环专用于遍历可迭代对象的元素，不支持直接遍历普通对象；for…in 循环则用于遍历对象的属性键（索引），适用于数组或对象的属性循环；此外还有结合条件判断的 for…if 逻辑，即先进行条件评估，满足条件时才执行循环体。

二、forEach（不会修改数组本身,而是创建一个新的数组）

该方法用于遍历数组中的每个元素，并执行传入的回调函数。需要注意的是，forEach 本身不会修改原数组，但原文描述其“创建新数组”存在概念混淆，通常它仅执行副作用操作而不返回新数组。回调函数接收三个参数：当前元素值、当前元素的索引以及原始数组引用。

三、map（不会修改数组本身,而是创建一个新的数组）

map 方法会遍历原始数组，对每个元素调用提供的函数，并返回一个由处理结果组成的新数组。它不会修改原始数组，且不会对空数组执行回调函数。新数组的元素值即为回调函数中 return 返回的值。

四、some（不会修改数组本身,返回布尔值,判断是否有元素满足）

some 方法用于检测数组中是否存在至少一个元素满足指定条件。它遍历数组元素并执行回调函数，一旦某个元素使回调返回 true，some 立即返回 true；若遍历完所有元素均不满足条件，则返回 false。回调函数参数包括当前元素（currentValue）、可选的索引（index）和可选的原始数组（array）。该方法不修改原数组，且对空数组检测直接返回 false。

五、every（不会修改数组本身,返回布尔值,判断所有元素是否都满足）

every 方法用于验证数组中的所有元素是否都符合指定条件。它遍历每个元素并执行回调函数，仅当所有元素均使回调返回 true 时，every 才返回 true；若发现任何元素不满足条件，则立即返回 false。参数说明同 some，包括当前元素、可选索引和可选数组引用。该方法不改变原始数组，且对空数组检测直接返回 true。

六、filter（不会修改数组本身,而是创建一个新的数组,找到第一个满足条件的结束）

原文描述存在矛盾，filter 实际用于返回所有满足条件的元素组成的新数组，而非仅第一个。它遍历整个数组，将回调函数返回 true 的元素收集到新数组中。若无满足条件的元素，返回空数组。参数包括当前元素、可选索引和可选数组引用。该方法不修改原数组，且对空数组检测直接返回空数组。

七、find（不会修改数组本身,返回符合条件的第一个元素）

find 方法用于返回数组中第一个满足提供测试函数的元素值。它遍历数组，一旦回调函数对某元素返回 true，即返回该元素并停止遍历。若无满足条件的元素，返回 undefined。参数包括当前元素、可选索引和可选数组引用。该方法不修改原数组，且对空数组检测直接返回 undefined。

八、findIndex（返回符合条件的第一个元素的索引）

findIndex 方法返回数组中第一个满足提供测试函数的元素的索引值。若找到符合条件的元素，返回其索引；若未找到，则返回 -1。参数包括当前元素、可选索引和可选数组引用。该方法不修改原数组，且对空数组检测直接返回 -1。

九、reduce（累加,从左往右）

reduce 方法将数组元素通过回调函数简化为单个输出值，执行方向为从左往右。它接收四个参数：累加器（accumulator，存储上一次回调的返回值）、当前元素（currentValue）、可选索引和可选数组。若提供初始值（initialValue），则从第一个元素开始处理；否则从第二个元素开始，累加器初始值为第一个元素。对空数组且不传初始值时会报错。

十、reduceRight（累加,从右往左）

reduceRight 方法从数组右侧开始，将元素通过回调函数简化为单个输出值。参数说明与 reduce 类似，包括累加器、当前元素、可选索引和可选数组。若提供初始值，则从最后一个元素开始处理；否则从倒数第二个元素开始，累加器初始值为最后一个元素。对空数组且不传初始值时会报错。

总结

本文介绍了 JavaScript 中数组遍历与处理的核心方法。如需了解更多 JS 数组遍历技巧，建议查阅本站往期文章或继续浏览相关资源，感谢支持！