JS循环方法

JavaScript提供了多种循环方式，适用于不同场景的需求。

for循环

最基础的循环结构，适用于已知循环次数的情况。

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

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循环

ES6新增，遍历可迭代对象（如数组、字符串等）的值。

const arr = [1, 2, 3];
for (let value of arr) {console.log(value);
}

Array.prototype.forEach

数组专用方法，对每个元素执行回调函数。

const arr = [1, 2, 3];
arr.forEach(item => {console.log(item);
});

循环控制语句

break

立即终止当前循环。

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

continue

跳过当前迭代，继续下一次循环。

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

性能优化建议

避免在循环中频繁操作DOM，可以先缓存数据再进行循环处理。对于大数据集，考虑使用分页或虚拟滚动技术。

特殊循环技巧

使用递归实现循环效果：

function loop(i) {if (i >= 5) return;console.log(i);loop(i + 1);
}
loop(0);