JavaScript循环语句全面解析，小白也秒懂

JavaScript中循环语句的类型

JavaScript中一共有以下几种循环语句：

• while循环
• do...while循环
• for循环
• for each
• for...in循环
• for...of循环

while循环

while循环是一种最基本的循环语句，它的语法格式如下：

while (condition) {
  //循环体
}

其中，condition为循环条件，只要condition为true，循环体就会一直执行。

例如，以下代码使用while循环输出1到100之间的数字：

let i = 1;
while (i <= 100) {
  console.log(i);
  i++;
}

do...while循环

do...while循环与while循环非常相似，但它有一个区别：do...while循环会在每次检查条件之前先执行一次循环体。这意味着，do...while循环至少会执行一次循环体，即使condition为false。

do...while循环的语法格式如下：

do {
  //循环体
} while (condition);

例如，以下代码使用do...while循环输出1到100之间的数字：

let i = 1;
do {
  console.log(i);
  i++;
} while (i <= 100);

for循环

for循环是一种用于重复执行一段代码一定次数的循环语句。它的语法格式如下：

for (initialization; condition; increment) {
  //循环体
}

其中，initialization为循环初始化，condition为循环条件，increment为循环增量。

例如，以下代码使用for循环输出1到100之间的数字：

for (let i = 1; i <= 100; i++) {
  console.log(i);
}

for each

for each循环是一种用于遍历数组或对象的循环语句。它的语法格式如下：

for (variable of iterable) {
  //循环体
}

其中，variable为循环变量，iterable为要遍历的数组或对象。

例如，以下代码使用for each循环输出一个数组中的所有元素：

const arr = [1, 2, 3, 4, 5];

for (let i of arr) {
  console.log(i);
}

for...in循环

for...in循环是一种用于遍历对象属性的循环语句。它的语法格式如下：

for (variable in object) {
  //循环体
}

其中，variable为循环变量，object为要遍历的对象。

例如，以下代码使用for...in循环输出一个对象的所有属性：

const obj = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

for (let i in obj) {
  console.log(`${i}: ${obj[i]}`);
}

for...of循环

for...of循环是一种用于遍历数组或对象的循环语句，与for each循环非常相似。它的语法格式如下：

for (variable of iterable) {
  //循环体
}

其中，variable为循环变量，iterable为要遍历的数组或对象。

例如，以下代码使用for...of循环输出一个数组中的所有元素：

const arr = [1, 2, 3, 4, 5];

for (let i of arr) {
  console.log(i);
}

JavaScript循环语句比较

JavaScript中的循环语句各有其特点和适用场景，下表对这些循环语句进行了一个比较：

循环语句	语法格式	说明
while	while (condition) { //循环体 }	当condition为true时，循环体一直执行
do...while	do { //循环体 } while (condition);	先执行循环体一次，然后检查condition，如果condition为true，继续执行循环体
for	for (initialization; condition; increment) { //循环体 }	重复执行一段代码一定次数
for each	for (variable of iterable) { //循环体 }	遍历数组或对象
for...in	for (variable in object) { //循环体 }	遍历对象属性
for...of	for (variable of iterable) { //循环体 }	遍历数组或对象

结语

JavaScript中的循环语句是编程中的重要组成部分，掌握它们的使用方法可以帮助开发者编写出更加灵活和高效的代码。本文对JavaScript中的循环语句进行了全面解析，从常用的while循环、do...while循环、for循环，到比较新的for each、for...in循环和for...of循环，一一讲解，帮助小白用户轻松理解和掌握JavaScript循环语句的使用。此外，文章还对这些循环语句进行了一个比较，帮助读者了解它们的异同点，以便在不同的场景中选择合适的循环语句。