JavaScript 提供了多种遍历数组的方式，主要分为循环结构和数组迭代方法。

常见方法列表：

1. for 循环 (基础循环)

2. for...of (ES6，推荐)

3. forEach

4. map

5. filter

6. some

7. every

8. reduce / reduceRight

9. find / findIndex

他们有什么不同呢？

想象你是一个包工头，你手底下有一排工人（这就是数组 Array），你需要给他们派活儿。

JavaScript 提供了好多不同的“管理模式”来遍历这些工人，咱们来看看它们各自的性格：

1. 遍历数组的“管理模式”大赏

👴 for 循环 & for...of —— “亲力亲为的老老板”

这是最传统、最听话的模式。

• 特点：你指哪打哪。你可以随时喊停（break），也可以跳过某个人（continue）。

• for...of (推荐) ：是 ES6 新来的帅气经理，语法简洁，专门用来遍历“可迭代”的东西（数组、字符串等）。

• 场景：你需要绝对的控制权，或者需要按顺序一个个盯着做。

🤖 forEach —— “一根筋的监工”

• 特点：一旦启动，绝不回头。他会逼着每个工人都干一遍活，不管你中途是不是想停下来，他都听不见。

• 缺点：不能中断！  哪怕你找到想要的了，他也得把剩下的人过一遍。

• 场景：只是简单地让每个人干点事（比如打印一下日志），不需要返回值，也不需要中途退出。

🏭 map —— “加工流水线”

• 特点：进一出一。进去 10 个原料，出来 10 个成品。它不会修改原来的工人，而是生成一个新的数组（成品堆）。

• 场景：你需要把数据“变身”。比如把 [1, 2, 3] 变成 [2, 4, 6]。

  
  

🕵️ filter —— “面试官 / 筛选器”

• 特点：优胜劣汰。符合条件的留下，不符合的踢走。返回一个新的、可能变短的数组。

• 场景：从一堆数据里挑出你想要的。比如“只要大于 18 岁的”。

🎯 find —— “寻宝猎人”

• 特点：找到就跑。他只找第一个符合条件的人，一旦找到，立马拿着结果下班，后面的人看都不看。

• 场景：找唯一的那个 ID，或者找第一个及格的人。

🍬 reduce —— “收纳大师 / 揉面团”

• 特点：九九归一。把一堆东西揉成一个东西。比如把一堆数字加成一个总和，或者把一堆对象合并成一个大对象。

• 场景：算总价、统计个数。这是最难理解但也最强大的方法。

2. 灵魂拷问一：谁能按“暂停键”？(中断)

想象一下，你正在在一堆石头里找金子。

✅ 能暂停 (break / return) ：

• for、for...of：找到金子了？直接 break 走人，效率最高。

• find、some、every：这些方法内置了“满足条件就停止”的机制。

❌ 不能暂停 (必须跑完全程) ：

• forEach：哪怕第一个就是金子，它也要把后面所有的石头都摸一遍。千万别在 forEach 里写 break，会报错！

• map、filter：它们是流水线，必须处理完所有原料。

3. 灵魂拷问二：谁能搞定“拖延症”？(异步 Async/Await)

想象每个工人干活都需要时间（比如去服务器拿数据，需要等 1 秒）。

✅ for...of —— “守秩序的排队者”

• 如果你在 for...of 里面用 await，它会乖乖排队。等第一个人干完（1秒），再让第二个人干（1秒）。

• 结果：顺序执行，总时间 = 人数 × 1秒。

// 就像排队结账，一个结束下一个上
 for (const item of list) {
   await doSomething(item); // ✅ 真的会等！
 }

❌ forEach —— “乱成一锅粥”

• forEach 是个急性子。它会瞬间对所有人喊“开始！”，然后自己就溜了。它根本不会等 await。

• 结果：所有人同时开始干，顺序乱套，而且你没法知道他们什么时候全部干完。

// ❌ 错误示范
list.forEach(async (item) => {
  await doSomething(item); // 😱 forEach 根本不理你，直接跑下一个去了
});

 map + Promise.all —— “并发大神”

• 如果你想让大家一起干（并发），最后再一起收工。

• 结果：同时开工，总时间 ≈ 最慢的那个人花的时间。

// 大家一起上！
await Promise.all(list.map(async item => {
  await doSomething(item);
}));