17370845950

JavaScript常用循环有5种：for适合次数明确或需索引的场景；while适合条件驱动、次数不确定的情况；do...while确保至少执行一次；for...in遍历对象可枚举属性（含原型链），需hasOwnProperty过滤；for...of遍历可迭代对象（如数组、Map），不适用于普通对象。

JavaScript 里常用的循环主要有 5 种：for、while、do...while、for...in、for...of。选 for 还是 while，关键看“循环次数是否明确”。

for 循环适合已知次数或需要索引的场景

比如遍历数组、生成固定范围数字、处理有明确长度的数据。

• 能直接控制起始、终止和步进，逻辑清晰
• 支持用 i 精确访问元素位置（如 arr[i]）
• 嵌套循环写起来自然，比如二维数组或乘法表
• 示例：遍历 5 个按钮并绑定点击事件

while 循环适合条件驱动、次数不确定的情况

比如等待用户输入、读取流数据、重试机制、状态变化触发退出。

• 先判断条件再执行，更强调“满足什么才继续”
• 循环变量通常在循环体内部更新，容易漏写导致死循环
• 适合配合 break 或外部状态变更来终止
• 示例：不断提示用户输入密码，直到正确为止

do...while 是“至少执行一次”的 while 变体

当业务逻辑必须先做一次，再看要不要重复时用它。

• 比如首次展示菜单、初始化配置后检查有效性
• 条件写在末尾，天然避免零次执行的尴尬
• 注意：哪怕条件一开始为 false，循环体也执行一遍

for...in 和 for...of 各有分工，别混用

for...in 遍历对象属性名（包括原型链上的可枚举属性），记得加 hasOwnProperty 过滤；for...of 遍历数组、字符串、Map、Set 等可迭代值，不关心索引，更安全简洁。

• 遍历纯对象 → 优先用 Object.keys(obj).forEach() 或 for...in + hasOwnProperty
• 遍历数组/类数组 → for...of 比传统 for 更直观，forEach/map 更函数式
• 不要用 for...in 遍历数组——顺序不保证，还可能遍历到意外属性

基本上就这些。不复杂但容易忽略细节，比如 while 忘写递增、for...in 没过滤原型属性、for...of 误用于普通对象——踩过坑就知道该选谁了。