JavaScript循环语句有哪些及怎么用

在JavaScript中，循环语句用于重复执行一段代码，直到满足特定的条件。常见的循环语句包括for、while、do...while以及for...in和for...of。本文将详细介绍这些循环语句的用法。

1. for 循环

for 循环是最常用的循环语句之一，通常用于已知循环次数的情况。它的语法如下：

for (初始化; 条件; 迭代) {
  // 循环体
}

• 初始化：在循环开始前执行一次，通常用于初始化计数器。
• 条件：每次循环开始前都会检查这个条件，如果为true，则执行循环体；如果为false，则退出循环。
• 迭代：在每次循环结束后执行，通常用于更新计数器。

示例：

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

2. while 循环

while 循环在条件为true时重复执行循环体。它的语法如下：

while (条件) {
  // 循环体
}

• 条件：每次循环开始前都会检查这个条件，如果为true，则执行循环体；如果为false，则退出循环。

示例：

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

3. do...while 循环

do...while 循环与while循环类似，但它的循环体至少会执行一次，然后再检查条件。它的语法如下：

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

• 条件：在每次循环结束后检查这个条件，如果为true，则继续循环；如果为false，则退出循环。

示例：

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

4. for...in 循环

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

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

• 变量：每次循环时，变量会被赋值为对象的一个属性名。
• 对象：要遍历的对象。

示例：

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

5. for...of 循环

for...of 循环用于遍历可迭代对象（如数组、字符串、Map、Set等）。它的语法如下：

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

• 变量：每次循环时，变量会被赋值为可迭代对象的一个元素。
• 可迭代对象：要遍历的对象。

示例：

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

总结

JavaScript提供了多种循环语句，每种循环语句都有其特定的使用场景。for循环适用于已知循环次数的情况，while和do...while循环适用于条件不确定的情况，for...in循环用于遍历对象的属性，for...of循环用于遍历可迭代对象。根据实际需求选择合适的循环语句，可以编写出更加简洁高效的代码。