JavaScript 如何实现循环

在 JavaScript 编程中，循环是一项极为重要的基础操作，它能够让我们重复执行一段代码，直到满足特定条件为止。下面就来介绍几种常见的循环实现方式。

for 循环

for 循环是使用频率较高的一种循环结构，它的语法格式为：for (初始化表达式; 条件表达式; 递增/递减表达式) { 循环体 }。初始化表达式用于声明并初始化循环变量，条件表达式决定循环是否继续执行，递增/递减表达式则负责更新循环变量。例如：

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

这段代码中，变量 i 从 0 开始，每次循环后自增 1，当 i 小于 5 时，会执行循环体中的代码，打印出 0 到 4 的数字。

while 循环

while 循环的语法为：while (条件表达式) { 循环体 }。只要条件表达式为真，循环体就会一直执行。例如：

let num = 0;
while (num < 3) {
    console.log(num);
    num++; 
}

在这个例子中，变量 num 初始值为 0，当 num 小于 3 时，会持续执行循环体，每次循环 num 自增 1，直到 num 变为 3 时，循环结束。

do...while 循环

do...while 循环与 while 循环类似，但它会先执行一次循环体，再判断条件表达式。语法格式是：do { 循环体 } while (条件表达式)。例如：

let count = 5;
do {
    console.log(count);
    count--; 
} while (count > 0);

这段代码会先打印出 5，然后再判断 count 是否大于 0，若大于 0 则继续循环，直到 count 变为 0 时循环结束。

for...in 循环

for...in 循环主要用于遍历对象的可枚举属性。例如：

let person = { name: 'Tom', age: 25, city: 'Beijing' };
for (let prop in person) {
    console.log(prop + ": " + person[prop]); 
}

它会遍历对象 person 的每个属性，并打印出属性名和属性值。

for...of 循环

for...of 循环用于遍历可迭代对象，如数组、字符串等。例如：

let arr = [10, 20, 30];
for (let value of arr) {
    console.log(value); 
}

这段代码会依次打印出数组 arr 中的每个元素。

不同的循环方式适用于不同的场景，熟练掌握这些循环结构，能帮助开发者在 JavaScript 编程中更高效地处理各种任务。