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);

数组遍历方法

forEach 方法

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

for...of 循环

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

对象遍历方法

for...in 循环

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

Object.keys() 方法

const obj = {a: 1, b: 2};
Object.keys(obj).forEach(key => {
  console.log(key, obj[key]);
});

循环控制语句

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 === 3) continue;
  console.log(i);
}

高级循环技巧

嵌套循环

for (let i = 0; i < 3; i++) {
  for (let j = 0; j < 3; j++) {
    console.log(i, j);
  }
}

生成器函数

function* generator() {
  yield 1;
  yield 2;
  yield 3;
}

for (const value of generator()) {
  console.log(value);
}