跟我学习 JavaScript 的循环

JavaScript 中的循环语句可以让代码块重复执行多次，常用的循环语句有 for 循环、while 循环、do-while 循环等。本攻略将详细讲解 JavaScript 中的循环语句的使用方法。

for 循环

for 循环是最常用的循环语句之一，使用起来非常简便，可以按下面的方式进行：

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

上面的代码中，for 循环中的三个参数分别为：

1. 初始化语句：定义一个变量 i 并赋值为 0；
2. 判断条件：只有当 i < 5 时才执行循环体；
3. 更新表达式：每执行完一次循环体，就将 i 的值加 1。

for 循环的循环体可以是任何 JavaScript 代码块，比如输出一段文字：

for (let i = 0; i < 3; i++) {
  console.log('Hello World!');
}

上面的代码会输出三次 'Hello World!'。

while 循环

while 循环是另一种常用的循环语句，和 for 循环比起来更加灵活。while 循环的使用方法如下：

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

上面的代码中，先定义了一个变量 i，然后利用 while 循环执行了一段代码块，只有当 i < 5 时才执行循环体，在循环体中每执行一次，就将 i 的值加 1。

示例说明

示例一

需求：

编写一个程序，在控制台输出从 1 到 100 之间所有能被 3 整除的数。

解决方案：

使用 for 循环遍历所有数字，每遍历一个数字就判断是否能被 3 整除，如果可以，就输出到控制台中。

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

上面的代码中，i % 3 === 0 是判断 i 是否能被 3 整除的条件，如果成立，就将 i 输出到控制台中。

示例二

需求：

编写一个程序，利用 while 循环计算 1 到 100 之间所有能被 5 整除的数的和。

解决方案：

使用 while 循环遍历所有数字，每遍历一个数字就判断是否能被 5 整除，如果可以，就将该数字加入到总和当中。

let sum = 0;
let i = 1;
while (i <= 100) {
  if (i % 5 === 0) {
    sum += i;
  }
  i++;
}

console.log(sum);

上面的代码中，i % 5 === 0 是判断 i 是否能被 5 整除的条件，如果成立，就将 i 加入到总和 sum 中，最后将 sum 输出到控制台中。

结语

以上为本文对 JavaScript 循环语句的讲解，希望对读者有所帮助。循环语句在 JavaScript 中使用频率非常高，是编写复杂程序的必备工具。