JS 循环语句

JavaScript 的循环语句用于重复执行一段代码，直到指定条件不满足为止。常见的循环有： for 、 while 、 do...while 和数组/对象专用循环 for...in 、 for...of 。

for 循环

js

for (let i = 0; i < 5; i++) {
  console.log(i);
}

• 初始化： let i = 0
• 条件判断： i < 5
• 每轮循环后操作： i++
• 循环体执行：打印 0 到 4

while 循环

js

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

• 先判断条件 i < 5
• 条件为 true 执行循环体
• 循环体中通常需要改变循环变量，否则会死循环

do... while 循环

js

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

• 先执行一次循环体，再判断条件
• 保证循环体至少执行一次

for... in 循环

js

const obj = {a: 1, b: 2, c: 3};

for (let key in obj) {
  console.log(key, obj[key]);
}

• 遍历对象的 可枚举属性
• key 为对象的属性名

for... of 循环

js

const arr = [10, 20, 30];

for (let value of arr) {
  console.log(value);
}

• 遍历 可迭代对象（数组、字符串、Set、Map 等）
• value 为数组元素或可迭代对象的项

循环控制语句

• break ：退出整个循环
• continue ：跳过本次循环，进入下一次循环

js

for (let i = 0; i < 5; i++) {
  if (i === 3) break; // i=3 时退出循环
  console.log(i);
}

for (let i = 0; i < 5; i++) {
  if (i === 3) continue; // i=3 时跳过
  console.log(i);
}

• 输出示例：

  • break → 0,1,2
  • continue → 0,1,2,4

循环语句是 JS 中控制流程的重要工具，配合条件判断可以完成复杂逻辑。