js实现循环
循环方法一:for循环
for循环是最常见的循环结构,适用于已知循环次数的情况。
for (let i = 0; i < 5; i++) {
console.log(i); // 输出0到4
}
- 初始化:
let i = 0定义循环变量。 - 条件:
i < 5控制循环继续的条件。 - 更新:
i++每次循环后执行的表达式。
循环方法二:while循环
while循环在条件为真时重复执行代码块,适合不确定循环次数的情况。
let i = 0;
while (i < 5) {
console.log(i); // 输出0到4
i++;
}
- 条件检查:每次循环前检查
i < 5。 - 手动更新:需在循环体内更新变量(如
i++)。
循环方法三:do...while循环
do...while循环至少执行一次,之后检查条件决定是否继续。
let i = 0;
do {
console.log(i); // 输出0到4
i++;
} while (i < 5);
- 先执行后判断:即使条件初始为
false,也会执行一次。
循环方法四:for...of循环
用于遍历可迭代对象(如数组、字符串),直接获取元素值。
const arr = [1, 2, 3];
for (const item of arr) {
console.log(item); // 输出1, 2, 3
}
- 简洁性:无需索引,直接访问元素。
- 支持迭代对象:如数组、Map、Set等。
循环方法五:for...in循环
遍历对象的可枚举属性(键名),通常用于对象而非数组。

const obj = { a: 1, b: 2 };
for (const key in obj) {
console.log(key, obj[key]); // 输出"a 1", "b 2"
}
- 遍历对象属性:获取键名而非值。
- 注意原型链:可能遍历到继承的属性,需用
hasOwnProperty过滤。
循环控制语句
- break:立即终止循环。
- continue:跳过当前迭代,进入下一次循环。
for (let i = 0; i < 5; i++) {
if (i === 2) continue; // 跳过i=2
if (i === 4) break; // 终止循环
console.log(i); // 输出0, 1, 3
}






