JavaScript for循环

一、什么是 for 循环？

for 循环是 JavaScript 中一种基本的循环结构，用于重复执行一段代码块，直到满足某个条件为止。它通常用于遍历数组、对象或者执行固定次数的操作。

二、基本语法

for 循环的基本语法如下：

for (初始化表达式; 条件表达式; 迭代表达式) {
    // 代码块
}

• 初始化表达式：在循环开始前执行，通常用于初始化计数器。
• 条件表达式：在每次循环迭代之前评估，如果条件为真，则执行代码块；如果为假，则退出循环。
• 迭代表达式：在每次循环迭代结束时执行，通常用于更新计数器。

三、示例

1、打印 1 到 5

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

在这个例子中，i 从 1 开始，每次循环后 i 增加 1，当 i 大于 5 时，循环停止。

2、计算数组元素之和

let numbers = [1, 2, 3, 4, 5];
let sum = 0;

for (let i = 0; i < numbers.length; i++) {
    sum += numbers[i];
}

console.log(sum); // 输出 15

在这个例子中，我们遍历数组 numbers 并计算所有元素的和。

四、嵌套 for 循环

嵌套 for 循环是指在一个 for 循环内部再嵌套一个或多个 for 循环。嵌套循环常用于处理二维数组或进行更复杂的迭代操作。

打印乘法表

for (let i = 1; i <= 10; i++) {
    let row = '';
    for (let j = 1; j <= 10; j++) {
        row += (i * j) + '\t';
    }
    console.log(row);
}

这个例子中，外层循环控制行数，内层循环控制列数，每次内层循环计算并打印当前行列的乘积。

五、常见的应用场景

1、遍历数组

let fruits = ['Apple', 'Banana', 'Cherry'];

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

2、遍历对象属性

虽然 for...in 循环更常用于遍历对象属性，但也可以使用 for 循环配合 Object.keys() 方法。

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

for (let key of Object.keys(person)) {
    console.log(key + ': ' + person[key]);
}

3、反转字符串

let str = 'Hello, World!';
let reversedStr = '';

for (let i = str.length - 1; i >= 0; i--) {
    reversedStr += str[i];
}

console.log(reversedStr); // 输出 "!dlroW ,olleH"

六、注意事项

1. 避免无限循环：确保条件表达式能够在某个时刻变为假，否则会导致无限循环。
2. 变量作用域：使用 let 或 const 声明循环变量，以避免变量提升和意外的全局变量。
3. 性能考虑：尽量避免不必要的嵌套循环和复杂的条件判断，以提高代码的执行效率。

总结

for 循环是 JavaScript 中非常强大的工具，适用于各种迭代和重复操作。通过掌握基本的 for 循环语法和常见的应用场景，你可以编写出更加高效和简洁的代码。

本文地址：https://www.tides.cn/p_js-for