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