JavaScript 第十九章（循环语句的全面探索与实例）

在JavaScript中，循环语句是实现代码重复执行的基础构件。我们有多种循环语句可供选择，包括while、do/while、for、for/of和for/in。每种循环都有其特定的用途和语法结构。

while循环

while循环是最基本的循环形式，只要给定条件为真，循环就会持续执行。其基本语法如下：

while (condition) {
  // 当条件为真时重复执行的代码
}

例如，我们可以使用while循环来打印数字0到9：

let count = 0;
while (count < 10) {
  console.log(count);
  count++;
}

do/while循环

do/while循环与while循环类似，但它至少执行一次循环体，然后再检查条件是否为真。其语法如下：

do {
  // 至少执行一次的代码
} while (condition);

下面是一个do/while循环的例子，它至少会打印一次数字，即使条件一开始就是假的：

let result = 10;
do {
  console.log(result);
  result++;
} while (result < 10);

for循环

for循环提供了一种更紧凑的方式来处理初始化、条件检查和变量更新。其语法如下：

for (initialize; test; increment) {
  // 当测试条件为真时重复执行的代码
}

使用for循环打印数字0到9的例子：

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

for/of循环

for/of循环是ES6引入的，用于遍历可迭代对象，如数组和字符串。其语法如下：

for (const element of iterable) {
  // 对iterable的每个元素执行的代码
}

下面是使用for/of循环遍历数组并计算总和的例子：

let sum = 0;
let numbers = [1, 2, 3, 4, 5];
for (const number of numbers) {
  sum += number;
}
console.log(sum); // 输出: 15

for/in循环

for/in循环用于遍历对象的属性。其语法如下：

for (const property in object) {
  // 对对象的每个可枚举属性执行的代码
}

使用for/in循环来枚举对象属性的例子：

const person = { name: 'Alice', age: 25 };
for (const key in person) {
  console.log(`${key}: ${person[key]}`);
}

在使用循环时，重要的是要确保循环有一个明确的结束条件，以避免创建无限循环。此外，选择合适的循环类型可以让代码更加清晰和高效。例如，当处理数组时，通常for/of循环是最佳选择，因为它直接提供了数组的元素而不是索引。而for/in循环则更适合遍历对象的键。通过这些循环结构，我们可以编写出既强大又灵活的代码来处理各种迭代任务。