for...in/ of, forEach 循环

Posted 周雁南

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了for...in/ of, forEach 循环相关的知识,希望对你有一定的参考价值。

ES5
forEach缺陷:
不能用break语句跳出循环且不能在这个封闭的函数内使用return语句。
for in // 比较适用在对象上面的一个循环遍历,但是数组也可以用

var arry = [1, 2, 3, 4, 5]
for (index in arry) {
console.log(index) // 0,1,2,3,4
if (index === 3) {
break; // 不可以被打断
}
console.log(arry[index]) // 1,2,3,4,5
console.log(typeof index) // string
}


ES6
for of // 支持集合 ---试了一下chrome,现在是支持的


for (index of arry) {
console.log(index) // 0,1,2,3,4
if (index === 3) {
break; // 可以被打断
}
console.log(arry[index]) // 1,2,3,4,5
console.log(typeof index) // number
}

以上是关于for...in/ of, forEach 循环的主要内容,如果未能解决你的问题,请参考以下文章

forEach()和for/in循环的缺点与for-of循环

for...in/ of, forEach 循环

js 各种循环的区别与用法(for in,forEach,for of)

for in和for of的区别(转)

forEach,for in,for of循环的用法

for循环,foreach, map,reduce用法对比+for in,for of