for of的理解與使用

2021-10-24 20:26:08 字數 535 閱讀 2829

for…of語句在可迭代物件(包括 array,map,set,string,typedarray,arguments 物件等等)上建立乙個迭代迴圈,呼叫自定義迭代鉤子,並為每個不同屬性的值執行語句

舉例子:

const array1 = ['a', 'b', 'c'];

for (const element of array1)

// expected output: "a"

// expected output: "b"

// expected output: "c"

es6提供的遍歷器,除了可以遍歷陣列,還支援類陣列物件,甚至是字串,其實就是繼承了iterator介面的資料結構都可以用for…of來遍歷。

for…of迴圈可以使用的範圍包括陣列、set 和 map 結構、某些類似陣列的物件(比如arguments物件、dom nodelist 物件)、後文的 generator 物件,以及字串。

我認為,遍歷陣列,使用for…of效果最佳。

for of 與 for in的區別

1 2 3 4 5 6 7 8 array.prototype.method function varmyarray 1,2,4,5,6,7 myarray.name 陣列 for varindexinmyarray 使用for in 也可以遍歷陣列,但是會存在以下問題 1.index索引為字串型數...

forEach for in與for of的區別

objarr.foreach function value foreach方法沒辦法使用break語句跳出迴圈,或者使用return從函式體內返回 for var index in objarr 以上 會出現的問題 1.index值 會是字串 string 型別 2.迴圈不僅會遍歷陣列元素,還會遍歷...

for in與for of的區別

1.遍歷物件的可列舉屬性名 enumerable true,通過object.defineproperty obj,prop,descriptor 修改,通過obj.propertyisenumerable prop 進行判斷 2.向上查詢原型鏈中的屬性 如僅想遍歷自身屬性,加一層if,通過haso...