JavaScript数组常用迭代方法如何使用

JavaScript 数组的迭代方法各有不同的使命：forEach 只执行操作，不返回任何值；map 负责逐项转换，生成全新的数组；filter 像筛子，只保留符合条件的项；some 和 every 进行布尔判断，且支持短路；reduce 则将多个值聚合成一个结果。

JavaScript 数组的迭代方法学习门槛并不高，难点在于合适的场景选择合适的工具。每个方法都有特定的用途，用错反而会事倍功半。下面逐一深入讲解。

forEach：仅遍历，不生成新数组

该方法最适合执行副作用操作，例如打印日志、发送请求、修改外部变量。它没有返回值（返回 undefined），且无法中断循环：break 和 return 在此无效。

• 回调函数接收三个参数：当前元素、索引、原数组（后两个用不到时可省略）
• 遇到稀疏数组的空位会自动跳过，比如 [1, , 3] 中间的空槽不会触发回调
• 举例：[2, 4, 6].forEach(n => console.log(n * 2)) 依次输出 4、8、12

map：逐项转换，生成新数组

当你需要将原数组“变形”为一个新数组时，map 是首选。原数组不受影响，新数组长度与原数组一致，每个位置都是经过处理后的结果。

• 回调函数必须有返回值，否则新数组对应位置会是 undefined
• 最常见用法是格式化数据，比如从对象数组里提取字段：users.map(u => u.name)
• 注意：稀疏数组的空位不会被处理，但新数组对应位置会保留为 undefined

filter：按条件筛选，返回符合条件的子集

只保留满足条件的项，组成一个新数组。逻辑直观，代码简洁，非常适合替代手写 for 循环进行筛选。

• 回调函数返回 true 的项会被保留，false 或假值则被丢弃
• 常见场景：表单校验、列表搜索、状态过滤，比如 tasks.filter(t => t.done) 只取已完成的任务
• 返回的新数组长度可能为 0，原数组完全不受影响

some 和 every：做布尔判断，一句话代替循环检查

这两个方法不生成新数组，而是快速回答“是否存在”或“是否全都满足”这类问题。

• some()：只要有一个元素满足条件就返回 true，全部不满足才返回 false
• every()：所有元素都满足才返回 true，只要有一个不满足就返回 false
• 非常适合权限校验、表单完整性检查、数据合规性验证等场景
• 遇到第一个能确定结果的项就会停止遍历，这就是短路机制，能有效节省性能

reduce：聚合计算，把数组“压成一个值”

功能最强大也最灵活，适合求和、拼接字符串、扁平化、分组统计、对象转换等复杂归约操作。

• 接收两个参数：回调函数 + 可选的初始值（强烈建议显式传入，避免踩坑）
• 回调函数的参数顺序：累加器、当前项、索引、原数组
• 如果不传初始值，第一次调用会以第 0 项作为累加器、第 1 项作为当前值；但如果数组为空且没有初始值，就会报错
• 示例：[1,2,3].reduce((sum, n) => sum + n, 0) → 6