小编教你js循环方式有哪些。

JavaScript中有很多种循环方式，其中比较常用的有for循环、forEach循环、map循环、for…in循环、for…of循环等。这些循环方式各有优缺点，可以根据实际情况选择使用。

JavaScript循环方式有哪些

在JavaScript中，我们可以使用多种循环方式来重复执行一段代码，这些循环方式包括：for循环、while循环、do-while循环和for…in循环，下面我们将详细介绍这四种循环方式的用法和特点。

1、for循环

for循环是最常用的循环方式，它可以让我们按照指定的条件重复执行一段代码，for循环的语法结构如下：

for (初始化表达式； 条件表达式； 更新表达式) {
  // 循环体(需要重复执行的代码)
}

初始化表达式用于设置循环变量的初始值；条件表达式用于判断循环是否继续执行；更新表达式用于在每次循环结束后更新循环变量的值。

我们可以使用for循环来计算1到10的和：

let sum = 0;
for (let i = 1; i <= 10; i++) {
  sum += i;
}
console.log(sum); // 输出：55

2、while循环

while循环是另一种常见的循环方式，它会在满足指定条件时持续执行一段代码，while循环的语法结构如下：

while (条件表达式) {
  // 循环体(需要重复执行的代码)
}

当条件表达式为true时，循环体内的代码会被执行；当条件表达式变为false时，循环结束，需要注意的是，如果不提供条件表达式，while循环将无限执行下去。

我们可以使用while循环来实现一个计数器：

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

3、do-while循环

do-while循环与while循环类似，但它至少会执行一次循环体内的代码，然后再根据条件表达式判断是否继续执行，do-while循环的语法结构如下：

do {
  // 循环体(需要重复执行的代码)
} while (条件表达式);

我们可以使用do-while循环来实现一个倒计时：

let count = 10;
do {
  console.log(count);
  count--;
} while (count > 0);
// 输出：10 9 8 7 6 5 4 3 2 1

4、for…in循环

for…in循环主要用于遍历对象的属性，它的语法结构如下：

for (变量 in 对象) {
  // 循环体(需要重复执行的代码)
}

我们可以使用for…in循环来遍历一个数组并打印其元素：

const arr = [1, 2, 3, 4, 5];
for (let index in arr) {
  console.log(arr[index]); // 分别输出：1, 2, 3, 4, 5
}