for循環(huán)：

for循環(huán) 可以用于 遍歷數(shù)組 但是不能直接循環(huán)對象 是是因為對象中沒有 迭代器 ( 迭代器可以去上官網(wǎng)了解一下,本人也不是很懂) 但是可以間接的去遍歷 使用 Object.keys 這個方法 對象鍵 組成的 迭代器

演示一下for循環(huán)的使用

var arr = [1, 2, 3, 4, 5, 6]for (var i = 0; i < arr.length; i++){console.log(arr[i]) }

效果圖

可以遍歷數(shù)組沒毛病,可不可以遍歷對象,試驗一下

代碼圖

效果圖
空空如也,不行啊

for…in:

for…in遍歷數(shù)組

var arr = [1,2,3,4,5,6]for (var x in arr) {console.log(x, "------", arr[x]);}

結(jié)果圖

for…in遍歷對象

var obj = {name: "張三",age: 30,sex: "男"}for (var key in obj) {console.log(key,"----",obj[key]);}

結(jié)果圖

for…of :

for…of 遍歷數(shù)組

var arr = [1,2,3,4,5,6]for(var item of arr){console.log(item) }

結(jié)果圖

for…of 遍歷對象 (會報錯)

var obj = {name: "張三",age: 30,sex: "男"}for(var item of obj){console.log(item) //obj is not iterable}

結(jié)果圖
迭代器的問題 對象里面沒有迭代器

解決方法

使用 object.keys
代碼

var obj = {name: "張三",age: 30,sex: "男"}var res = Object.keys(obj)for(var key of Object.keys(obj)){console.log(key) // ['name', 'age', 'sex']console.log(obj[key]) }

最后console.log(obj[key])的值如下圖:

總結(jié)

以上是生活随笔為你收集整理的ES6 for..in 和 for...of 和 for循环的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。