JavaScript有7种主流循环方式，分为传统控制型（for/while/do...while）、可迭代对象遍历（for...of/for...in）和数组高阶方法（forEach/map/filter等），核心区别在于适用对象、是否改变原数组、能否中断及是否返回新数据。
JavaScript 有 7 种主流循环方式，按使用场景和底层机制可分为三类：传统控制型循环、可迭代对象遍历循环、数组高阶方法。它们的核心区别在于：适用对象不同、是否改变原数组、能否中断执行、是否返回新数据。
传统控制型循环（手动管理索引与条件）
适合需要精细控制流程、性能敏感或处理非数组结构的场景。
-
for 循环：最通用，支持初始化、条件判断、步进三部分。能随时用
break或continue控制流程，可直接访问索引和修改数组项。 - while 循环：条件前置，适合次数不确定但终止条件明确的情况（比如等待某个状态变化）。
- do...while 循环：至少执行一次循环体，适合“先操作、再判断”的逻辑（如用户输入校验）。
可迭代对象遍历循环（ES6+，语法简洁，语义清晰）
专为 Array、String、Map、Set 等可迭代对象设计，不适用于普通对象。
-
for...of：遍历的是值（
value），不是键。支持break/continue，可配合entries()获取索引和值，推荐替代传统for遍历数组。 -
for...in：遍历对象的可枚举属性名（
key），本质是遍历键字符串。不推荐用于数组——它会遍历原型链上的属性，且顺序不保证，容易出错。
数组高阶方法（声明式，函数式风格）
专用于数组，每个方法都接收一个回调函数，内部自动遍历，不可用 break 中断（除 some/every 有隐式短路）。
立即学习“Java免费学习笔记（深入）”；
-
forEach()：仅执行副作用（如打印、发请求），不返回值（返回
undefined），无法跳出循环。 - map()：对每个元素调用函数，返回一个新数组，原数组不变。适合数据转换。
- filter()：返回满足条件的元素组成的新数组，原数组不变。适合筛选。
- 其他常用方法：
find()（找第一个匹配项）、some()（是否存在）、every()（是否全部满足）等，各有明确语义和返回值。
关键区别速查
是否能跳出？→ for、while、do...while、for...of 支持 break；forEach 不支持。
是否生成新数组？→ 只有 map、filter、slice 等显式返回新数组的方法会；forEach 和 for 不自动创建。
能否遍历对象？→ for...in 是唯一原生支持遍历对象属性名的；遍历对象值建议用 Object.values() + for...of。
性能考虑？→ 纯遍历场景下，for 和 for...of 通常最快；forEach 有函数调用开销；for...in 最慢（需遍历原型链）。
