ES6 如何编写for循环
循环 是以循环的方式反复执行相同任务的方法。循环代表必须重复执行的一组指令。在循环的上下文中,重复执行称为迭代。
主要有两种类型的循环:
入口控制循环: 在这种类型的循环中,在进入循环体之前测试条件。for循环和while循环是入口控制循环。
出口控制循环: 在这种类型的循环中,在循环体的末尾测试或评估条件。因此,无论测试条件是真还是假,循环体都会执行至少一次。do-while循环是出口控制循环。
在本文中,我们将学习不同类型的for循环。
有3种ES6中的for循环:
- for循环
- for…in循环
- for…of循环
1.for( ; ; ): for循环根据指定的次数执行代码块。
语法:
for( Initialization; Terminate Condition; Increment/Decrement )
初始化也可以称为计数值,因为该变量跟踪计数直到终止符。递增/递减该变量到一定步骤的值。终止条件确定了无限或确定的类别,因为如果终止语句有效,则循环会在确定的时间内终止,否则它将进入无限循环并成为不确定循环。
示例: 这个示例展示了for循环的使用
Javascript
let val = 0;
for (let i = 0; i < 5; i++) {
val += i;
}
console.log(val)
输出:
10
2.for…in: for…in循环用于遍历对象的属性。
语法:
for(variable_name in object) {
...
}
在每次迭代中,对象的一个属性被分配给变量名称,这个循环继续直到对象的属性结束。它肯定会结束迭代,因此它属于确定循环。
示例: 这个示例展示了使用for…in循环的用法。
Javascript
const numbers = [45, 4, 9, 16, 25];
let val = 0;
for (let x in numbers) {
val += numbers[x];
}
console.log(val)
输出:
99
3.for…of: for…of循环用于执行循环块,而不是遍历对象文字。
语法:
for(variable_name of object) {
...
}
示例: 这个示例展示了使用for…of循环的用法
Javascript
const geek = ["Geeks", "For", "Geeks"];
let text = "";
for (let x of geek) {
text += x + "<br>";
}
console.log(text)
输出:
Geeks
For
Geeks