JavaScript | 循环

在 JavaScript 中，循环是一种重要的流程控制结构。循环语句可以让相同或类似的操作在一定条件下重复执行。JavaScript 中提供了多种循环语句，包括 for 循环、while 循环、do...while 循环、for...in 循环和 for...of 循环等。

for 循环

for 循环是 JavaScript 中最常用的循环语句。for 循环一般用于执行指定次数的操作。

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

在上面的例子中，for 循环语句会从 0 开始循环，每次循环时 i 的值增加 1，直到 i 的值大于等于 10。在每次循环时，都会执行 console.log(i) 语句。

for 循环语句中的三个部分分别为：循环变量的初始化、循环条件和循环变量的更新。在上面的例子中，循环变量的初始化是 i = 0，循环条件是 i < 10，循环变量的更新是 i++。

while 循环

while 循环是一个基本的循环语句，只要指定的条件为 true，就可以一直循环执行。

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

在上面的例子中，while 循环会从 0 开始循环，只要 i 的值小于 10，就会一直循环执行 console.log(i) 语句，每次循环时 i 的值增加 1。

do...while 循环

do...while 循环与 while 循环的区别在于，do...while 循环会先执行一次循环体中的语句，然后再检查循环条件是否满足。

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

在上面的例子中，do...while 循环会先执行 console.log(i) 语句，然后再检查 i 的值是否小于 10。只要 i 的值小于 10，就会一直执行循环体中的语句。

for...in 循环

for...in 循环用于遍历对象的属性，依次执行循环语句中的程序块。

const obj = {a: 1, b: 2, c: 3};
for (const prop in obj) {
  console.log(prop + ': ' + obj[prop]);
}

在上面的例子中，for...in 循环会遍历 obj 对象中的所有属性，并执行 console.log(prop + ': ' + obj[prop]) 语句。

for...of 循环

for...of 循环用于遍历数组、字符串等可迭代对象，依次执行循环语句中的程序块。

const arr = [1, 2, 3];
for (const val of arr) {
  console.log(val);
}

在上面的例子中，for...of 循环会依次遍历 arr 数组中的所有元素，并执行 console.log(val) 语句。

总之，循环语句可以让我们在 JavaScript 中更方便地处理重复性的操作，提高编程效率。不同的循环语句适用于不同的场景，程序员需要根据实际需要选择合适的循环语句。