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
}