JavaScript 中的 for 循环是一种常用的循环结构,它允许你按照指定的条件重复执行一段代码块。以下是 for 循环的基本结构:
for (初始化; 条件; 递增/递减) {
    // 在每次循环中执行的代码块
}

  •  初始化: 在循环开始前执行的一次性初始化语句。

  •  条件: 在每次循环迭代之前进行判断的条件。如果条件为 true,则继续执行循环;如果条件为 false,则退出循环。

  •  递增/递减: 在每次循环迭代之后执行的递增或递减操作。


以下是一个简单的示例,演示了 for 循环的使用:
for (var i = 0; i < 5; i++) {
    console.log("Iteration " + i);
}

在这个例子中,for 循环从 i = 0 开始,每次递增 i,并在 i 小于 5 的条件下执行代码块。在每次迭代中,输出 "Iteration " 后跟着当前的 i 值。

for...of 循环:

ES6 引入了一种新的循环语法 for...of,用于迭代可迭代对象(例如数组、字符串等)。与传统的 for 循环不同,for...of 简化了代码结构,使得遍历数组或类数组对象更加方便。
var array = [1, 2, 3, 4, 5];

for (var element of array) {
    console.log(element);
}

在这个例子中,for...of 循环遍历数组 array 中的每个元素,并将其输出到控制台。

for...in 循环:

for...in 循环用于遍历对象的可枚举属性。在遍历数组等类数组对象时,通常建议使用 for...of,而不是 for...in。
var person = { name: "John", age: 30, gender: "male" };

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

在这个例子中,for...in 循环遍历对象 person 的每个属性,并将属性名和对应的属性值输出到控制台。

以上是关于 JavaScript 中 for 循环及其变体的简单介绍。for 循环是 JavaScript 中最常用的循环结构之一,可以有效地执行重复的任务。


转载请注明出处:http://www.pingtaimeng.com/article/detail/12790/JavaScript