JavaScript循环

JavaScript中有多种循环结构，包括for循环、while循环、do-while循环、for...in循环和for...of循环。

1. for循环

for循环是一种常见的循环结构，可以在指定的条件下多次执行一段代码。它的语法如下：

for (初始化表达式; 条件表达式; 更新表达式) {
  // 循环体
}

其中，初始化表达式是在循环开始之前执行的语句，通常用于设置循环变量的初始值。条件表达式是在每次循环开始之前进行判断的语句，如果条件为真，则继续执行循环体；否则，退出循环。更新表达式是在每次循环结束之后执行的语句，通常用于更新循环变量的值。

例如，以下代码使用for循环打印从0到4的整数：

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

输出结果为：

0
1
2
3
4

2. while循环

while循环在指定条件为真时重复执行一段代码。它的语法如下：

while (条件表达式) {
  // 循环体
}

在每次循环开始之前，条件表达式都会被求值。如果条件为真，则继续执行循环体；否则，退出循环。

例如，以下代码使用while循环打印从0到4的整数：

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

输出结果为：

0
1
2
3
4

3. do-while循环

do-while循环与while循环类似，不同之处在于它先执行一次循环体，然后再判断条件是否为真。它的语法如下：

do {
  // 循环体
} while (条件表达式);

在第一次循环结束之后，条件表达式会被求值。如果条件为真，则继续执行循环体；否则，退出循环。

例如，以下代码使用do-while循环打印从0到4的整数：

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

输出结果为：

0
1
2
3
4

4. for...in循环

for...in循环用于遍历对象的属性。它的语法如下：

for (变量 in 对象) {
  // 循环体
}

在每次循环开始之前，变量会被设置为对象的一个属性名。循环体可以使用这个属性名来访问对象的属性。

例如，以下代码使用for...in循环遍历一个对象的属性：

const obj = {a: 1, b: 2, c: 3};
for (let prop in obj) {
  console.log(prop + ': ' + obj[prop]);
}

输出结果为：

a: 1
b: 2
c: 3

5. for...of循环

for...of循环用于遍历数组、类数组对象、字符串和其他可迭代对象。它的语法如下：

for (变量 of 可迭代对象) {
  // 循环体
}

在每次循环开始之前，变量会被设置为可迭代对象的一个元素。循环体可以使用这个元素来进行操作。

例如，以下代码使用for...of循环遍历一个数组：

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

输出结果为：

1
2
3