JS 中 for 循环的写法

在 JavaScript 编程中，for 循环是一种基本且强大的控制结构，用于重复执行一段代码。掌握 for 循环的不同写法，能极大提升代码的效率与灵活性。

基本 for 循环

基本的 for 循环语法结构为：for (初始化; 条件判断; 迭代) { 循环体 }。初始化部分用于声明和初始化循环变量，条件判断决定循环是否继续执行，迭代部分则负责更新循环变量。例如：

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

这段代码会将 0 到 4 依次打印出来。初始化 let i = 0 设定了循环变量 i 的初始值为 0；i < 5 作为条件判断，只要 i 小于 5 循环就会继续；i++ 让 i 在每次循环结束后自增 1。

反向 for 循环

有时候需要从大到小进行循环，这就可以使用反向 for 循环。

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

此例中，i 从 5 开始，每次循环减 1，直到 i 不大于 0 时循环结束，控制台会依次打印出 5 到 1。

嵌套 for 循环

当需要处理二维数组或进行复杂的重复操作时，嵌套 for 循环就派上用场了。

const matrix = [
    [1, 2],
    [3, 4]
];
for (let i = 0; i < matrix.length; i++) {
    for (let j = 0; j < matrix[i].length; j++) {
        console.log(matrix[i][j]); 
    }
}

这里外层循环控制行，内层循环控制列，从而可以遍历二维数组的每一个元素。

for...of 循环

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

const numbers = [1, 2, 3];
for (const number of numbers) {
    console.log(number); 
}

for...of 直接迭代可迭代对象的元素，而无需像基本 for 循环那样通过索引来访问。

for...in 循环

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

const person = { name: 'John', age: 30 };
for (const key in person) {
    console.log(`${key}: ${person[key]}`); 
}

这种写法能方便地获取对象的属性名和属性值。

JavaScript 中的 for 循环写法多样，开发者可根据具体需求选择最合适的方式，以实现高效且简洁的代码逻辑。