在学习任何开发语言时候,for循环是必不可少的一种语法,每个开发语言都至少包括一种关于循环的语法版本。不过,在JavaScript种包含了四种不同的循环语法
l 经典的For循环语法
l For….of 及 For…in
l entries();
l 炫技一点的版本:.forEach
经典的For循环语法
for([计数器定义];[中断条件];[步进策略]){ //... TODO}最为普通的遍历方法
for(let counter = 0; counter < 10; counter++) {console.log(counter)}for循环为三个表达式
for([在循环开始时只执行一次的表达式];[其中每一个逻辑判断都需吻合的表达式];[循环每一步都被执行的表达式]) For… in 及 For… of他们看起来非常相似,但它们并不是相同类型的循环。
For…in 循环遍历对象的可枚举属性,也就是说碧蓝的小土豆的自定义对象被用作哈希表或字典时,
但请注意,遍历顺序是按元素顺序执行执行的,因此请不要依赖循环顺序。
For…in只能遍历一个实体对象,如果便利一个非实体,例如遍历一个string,那么将会发生如下情况:
for(let k in "Hello World!") { console.log(k)}
结果可以看到,并没有遍历出每一个字母,而是遍历到了每个属性,正如您看到的,遍历出的数字并非是没有用的,因为"Hello World!"[1] 同样是可以返回相应的字母的。
相反,如果你想遍历每个字符,则需要使用其他变体:For…of
for(let char of "Hello World!") { console.log(char)} entries方法通过上述的示例我们可知,他们相互一个遍历属性,一个遍历值,那么有没有什么方法可以既获得属性又获得值呢,答案是有的,使用entries方法,就可以同时获得属性和值,如下所示:
let myArr = ["hello", "world"]for([idx, value] of myArr.entries()) { console.log(idx, '=', value)}
最后我们再使用简短的方式来总结下For…in和For…of的区别
For…in——遍历属性
For…of——遍历值
entries()方法——遍历值又遍历属性
foreach方法是for循环的另一个版本,但是这个方法是数组对象的一部分,它的目的是接收一个函数和一个额外的可选参数,以便在执行函数时重新定义该函数的上下文。
对于数组中的每个元素,我们的函数都将被执行,并且它将收到三个参数(是的,就是三个,而不是一个,因为您已经习惯了使用它)。它们分别是:
在我们学习并使用这些循环时候可以根据这些知识和我们当前的实际需求来选择你喜欢的循环。