JavaScript for

在本章中，我们将深入探讨 JavaScript 中的循环和迭代技术。这些技术对于执行重复任务、处理数组或对象中的数据等场景至关重要。

for 循环

for 循环是 JavaScript 中最常用的循环之一。它允许我们指定一个初始化语句、一个条件表达式和一个更新语句，从而实现循环的控制。

基本语法

for (初始化; 条件; 更新) {
    // 循环体代码
}

示例：输出数字

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

上述代码将输出从 0 到 4 的整数。每次循环都会检查 i < 5 是否为真，如果为真则执行循环体，并在每次循环结束时递增 i。

遍历数组

for 循环非常适合遍历数组。我们可以使用索引来访问每个元素。

示例：遍历数组

const fruits = ["Apple", "Banana", "Cherry"];
for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

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

倒序遍历

我们也可以使用 for 循环进行倒序遍历。

示例：倒序遍历数组

const numbers = [1, 2, 3, 4, 5];
for (let i = numbers.length - 1; i >= 0; i--) {
    console.log(numbers[i]);
}

此代码会从最后一个元素开始反向输出数组中的元素。

for...in 循环

for...in 循环用于遍历对象的可枚举属性。

基本语法

for (变量 in 对象) {
    // 循环体代码
}

示例：遍历对象

-- -------------------- ---- -------
----- ------ - -
    ----- --------
    ---- ---
    ----- ---- -----
--

--- ---- --- -- ------- -
    --------------- - -- - - -------------
-

这段代码会输出对象的所有属性及其对应的值。

注意事项

• for...in 循环会遍历原型链上的所有可枚举属性。
• 如果对象被修改（添加或删除属性），循环可能会受到影响。

for...of 循环

for...of 循环是 ES6 引入的一种简洁的迭代方式，主要用于遍历可迭代对象，如数组、字符串等。

基本语法

for (变量 of 可迭代对象) {
    // 循环体代码
}

示例：遍历数组

const colors = ["red", "green", "blue"];
for (let color of colors) {
    console.log(color);
}

这段代码会输出数组中的每个颜色。

示例：遍历字符串

const message = "Hello";
for (let char of message) {
    console.log(char);
}

这段代码会逐个字符地输出字符串。

总结

通过本章的学习，我们了解了 for 循环、for...in 循环以及 for...of 循环的基本用法及应用场景。掌握了这些知识，我们可以在多种情况下有效地利用循环来提高代码的效率和可读性。在实际项目中，合理选择和使用循环结构可以大大简化代码逻辑，提升开发效率。