掌握 JavaScript：第 3 部分，探索循环

在JavaScript中，循环是一种控制流程的结构，它允许你多次执行一段代码，直到满足某个条件为止，循环在编程中非常重要，因为它们可以帮助我们自动化重复性任务，减少冗余代码，在本篇教程中，我们将学习JavaScript中的几种循环结构：for循环、while循环和for...of循环。

1、for循环

for循环是最常用的循环结构之一，它的基本语法如下：

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

初始化：在循环开始之前执行一次的表达式或语句，通常用于设置计数器变量。

条件：在每次循环迭代之前检查的条件，如果条件为真，则执行循环体；否则，退出循环。

更新：在每次循环迭代之后执行的表达式或语句，通常用于更新计数器变量。

下面是一个简单的for循环示例，用于打印数字1到10：

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

2、while循环

while循环是另一种常见的循环结构，它的基本语法如下：

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

只要条件为真，while循环就会一直执行循环体，与for循环不同，while循环没有内置的初始化和更新机制，因此我们需要在循环外部处理这些操作。

下面是一个使用while循环打印数字1到10的示例：

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

3、for...of循环

for...of循环是一种更简洁的循环结构，用于遍历可迭代对象（如数组、字符串等），它的基本语法如下：

for (变量 of 可迭代对象) {
  // 循环体（需要重复执行的代码）
}

for...of循环会自动处理索引和值的更新，使得代码更加简洁易读。

下面是一个使用for...of循环遍历数组的示例：

const numbers = [1, 2, 3, 4, 5];
for (const number of numbers) {
  console.log(number);
}

在本篇教程中，我们学习了JavaScript中的三种循环结构：for循环、while循环和for...of循环，它们各自有不同的用途和特点，但都可以帮助我们在编程中实现循环逻辑，掌握这些循环结构将有助于我们编写更高效、更简洁的代码。