一、JavaScript for 循环

for 循环是 JavaScript 中常用的控制流语句，用于重复执行一段代码，直到满足指定的条件。它通常用于需要重复执行固定次数的情况。

基本语法

for (initialization; condition; increment/decrement) {
    // 循环体，执行的代码
}

• initialization：初始化部分，通常用于声明并设置计数器变量。
• condition：循环条件，判断循环是否继续。每次迭代前，都会检查此条件，只有条件为 true 时，循环才会继续。
• increment/decrement：每次迭代后更新计数器变量，通常是自增（i++）或自减（i--）。

示例：基础的 for 循环

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

输出：

0
1
2
3
4

在这个例子中，i 从 0 开始，每次循环 i 自增 1，直到 i 不再小于 5 时停止循环。

循环流程分析

1. initialization：let i = 0。初始化变量 i 为 0。
2. condition：i < 5。每次执行前检查是否满足条件，如果满足继续执行，否者跳出循环。
3. increment/decrement：i++。每次循环结束后，i 的值加 1。

---

二、for 循环的其他应用

倒序循环

for 循环可以用来倒序遍历数组或其他可迭代对象。通过调整 i 的初始值和条件，你可以实现从大到小的循环。

for (let i = 5; i >= 0; i--) {
    console.log(i);
}

输出：

5
4
3
2
1
0

在这个例子中，i 从 5 开始，每次自减，直到 i 不再大于等于 0。

循环遍历数组

使用 for 循环遍历数组中的每个元素是一个常见的用法。

let fruits = ["apple", "banana", "cherry", "date"];

for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

输出：

apple
banana
cherry
date

这个例子中，fruits.length 获取数组的长度，然后通过 i 依次遍历数组中的每个元素。

---

三、for...in 循环

for...in 循环是专门用来遍历对象属性的。它可以用来循环对象的键（property keys）。

语法

for (let key in object) {
    // 执行代码，key 是对象的属性名
}

示例：遍历对象的属性

let person = {
    name: "Alice",
    age: 25,
    city: "New York"
};

for (let key in person) {
    console.log(key + ": " + person[key]);
}

输出：

name: Alice
age: 25
city: New York

在这个例子中，for...in 循环遍历了 person 对象的每个属性，并通过 person[key] 获取属性的值。

---

四、for...of 循环

for...of 循环是专门用来遍历可迭代对象（如数组、字符串、Map、Set 等）元素的。它与 for...in 不同，for...of 遍历的是对象的值，而不是键。

语法

for (let value of iterable) {
    // 执行代码，value 是可迭代对象的元素
}

示例：遍历数组元素

let fruits = ["apple", "banana", "cherry"];

for (let fruit of fruits) {
    console.log(fruit);
}

输出：

apple
banana
cherry

这个例子中，for...of 遍历了 fruits 数组中的每个元素，并输出它们。

---

总结

• for 循环：用于循环执行固定次数的代码，适合用于已知次数的循环。
• for...in 循环：用于遍历对象的属性，获取每个属性名。
• for...of 循环：用于遍历可迭代对象的元素（如数组、字符串、Map、Set 等），适合遍历数组和字符串等。

for 循环是 JavaScript 中最基础且强大的控制流工具之一，能够帮助我们高效地进行重复操作。更多相关内容请关注其他相关文章！