for in迴圈和for of迴圈區別

2022-07-05 22:39:13 字數 1069 閱讀 2957

for-in語句用於遍歷物件,而for-of語句用於遍歷陣列,但這不是必須的,只是這樣操作比較方便。

var arr=[1,2,3,4,5,6,7] //申明乙個陣列

for(var x in arr)

執行結果

var arr=[1,2,3,4,5,6,7] //宣告乙個純數字陣列

for(var value of arr)

var arr1=['aaa','bbb','ccc'] //宣告乙個字串陣列

for(var value of arr1)

執行結果

var obj= //申明乙個物件

for(var x in obj)

for-of迴圈

var obj= //申明乙個物件

for(var x of object.keys(obj))

執行結果

注意

for-in和for-of遍歷物件時,實質是遍歷物件的陣列形式,訪問物件的屬性值時必須使用「物件名[屬性名]」的格式。

這裡對最後乙個迴圈做下驗證

效果如下

參考

for in 和 for of迴圈的區別

for.in 的遍歷實際上是物件的屬性名稱,乙個array陣列也是乙個物件,陣列的每個元素的索引被視為屬性名稱,所以可以看到使用for.in 迴圈array陣列,拿到的其實是每個元素的索引 var a a b c a.name hello for var i in a alert i 0 1 2 n...

for of迴圈與for in迴圈的區別

const arr red green blue arr.foreach function element,index var arr a b c d for let a in arr for let a of arr let arr 3 5,7 arr.foo hello for let i in...

for 迴圈和 for in 迴圈的區別

for 迴圈 塊一定的次數 for in 遍歷陣列或者物件的屬性 對陣列或者物件的屬性進行迴圈操作 注意 for in 迴圈會訪問該物件的原型,應該用在非陣列物件的遍歷上,不建議使用該方法遍歷陣列。示例 1 doctype html 2 html lang en 3 head 4 meta char...