js循环实现
循环类型及实现方式
JavaScript 提供了多种循环方式,以下是常见循环的实现方法及示例代码:
for 循环
最基础的循环结构,适用于已知循环次数的情况:
for (let i = 0; i < 5; i++) {
console.log(i); // 输出0-4
}
while 循环
当条件为真时持续执行:
let i = 0;
while (i < 5) {
console.log(i);
i++;
}
do...while 循环
至少执行一次后再判断条件:
let i = 0;
do {
console.log(i);
i++;
} while (i < 5);
for...in 循环
遍历对象的可枚举属性:
const obj = {a:1, b:2};
for (let key in obj) {
console.log(key + ':' + obj[key]);
}
for...of 循环
遍历可迭代对象(如数组):
const arr = ['a', 'b'];
for (let value of arr) {
console.log(value);
}
循环控制语句
break
立即终止循环:
for (let i = 0; i < 10; i++) {
if (i === 5) break;
console.log(i); // 输出0-4
}
continue
跳过当前迭代:
for (let i = 0; i < 5; i++) {
if (i === 3) continue;
console.log(i); // 输出0,1,2,4
}
高级循环技巧
嵌套循环
循环内部包含另一个循环:
for (let i = 0; i < 3; i++) {
for (let j = 0; j < 2; j++) {
console.log(i, j);
}
}
数组遍历方法
虽然非循环语句,但可实现类似功能:
['a', 'b'].forEach((item, index) => {
console.log(index, item);
});
生成器迭代
配合生成器函数使用:

function* gen() {
yield 1;
yield 2;
}
for (let val of gen()) {
console.log(val);
}






