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); // 输出 0 到 4
  i++;
}

do...while 循环
至少执行一次，再检查条件：

let i = 0;
do {
  console.log(i); // 输出 0 到 4
  i++;
} while (i < 5);

for...of 循环
遍历可迭代对象（如数组、字符串）：

const arr = [1, 2, 3];
for (const item of arr) {
  console.log(item); // 输出 1, 2, 3
}

for...in 循环
遍历对象属性（不推荐用于数组）：

const obj = { a: 1, b: 2 };
for (const key in obj) {
  console.log(key, obj[key]); // 输出 "a 1", "b 2"
}

高阶函数循环

Array.prototype.forEach()
数组专用，无法中断：

[1, 2, 3].forEach(item => {
  console.log(item); // 输出 1, 2, 3
});

Array.prototype.map()
返回新数组：

const doubled = [1, 2, 3].map(item => item * 2); // 返回 [2, 4, 6]

循环控制

break
立即终止循环：

for (let i = 0; i < 5; i++) {
  if (i === 3) break;
  console.log(i); // 输出 0, 1, 2
}

continue
跳过当前迭代：

for (let i = 0; i < 5; i++) {
  if (i === 3) continue;
  console.log(i); // 输出 0, 1, 2, 4
}

性能注意事项

• 避免在循环中频繁操作 DOM
• 大数据量时考虑使用 for 循环而非高阶函数（如 forEach）以获得更好性能