js 中 for 循环的几种方式

在 JavaScript 编程中，for 循环是一种强大且常用的迭代工具，它可以让我们高效地重复执行一段代码。下面就为大家介绍几种常见的 for 循环方式。

传统 for 循环

传统的 for 循环语法结构为：for (初始化; 条件判断; 迭代)。初始化部分用于声明并初始化循环变量，条件判断部分决定循环是否继续执行，迭代部分则在每次循环结束后更新循环变量。

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

在这个例子中，变量 i 初始化为 0，只要 i 小于 5，循环就会继续执行，每次循环结束后 i 自增 1。这种方式适用于明确知道循环次数的场景。

for...in 循环

for...in 循环主要用于遍历对象的可枚举属性，包括对象自身的属性和继承的属性。

const obj = {name: 'John', age: 30, city: 'New York'};
for (let key in obj) {
    console.log(key + ': ' + obj[key]); 
}

上述代码中，key 依次代表对象 obj 的各个属性名，通过 obj[key] 可以获取对应的属性值。不过需要注意，for...in 循环遍历属性的顺序是不确定的。

for...of 循环

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

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

在遍历数组时，value 直接获取到数组的每个元素。for...of 循环相对简洁，并且能够保持元素的顺序。

while 循环实现类似 for 循环功能

while 循环通过条件判断来决定是否继续执行循环体，也可以实现与 for 循环类似的功能。

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

这里通过 let j = 0 初始化变量，在 while 条件中判断 j 是否小于 5，循环体内手动更新 j 的值。

不同的 for 循环方式适用于不同的场景，开发者需要根据具体需求灵活选择，以实现高效、简洁的代码逻辑。掌握这些循环方式，能让我们在处理各种数据和逻辑时更加得心应手。