在es6中,「for of」用於遍歷部署了「Symbol.iterator」屬性的資料結構,「for of」循環是遍歷所有資料結構的方法,語法為「for(var value of資料結構物件){console.log(value);}」。
本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。
ES6引入了for...of迴圈作為遍歷所有資料結構的統一方法。
一個資料結構只要部署了Symbol.iterator屬性,就被視為具有iterator接口,就可以用for...of循環遍歷它的成員,也就是說,for... of循環內部呼叫的是資料結構的Symbol.iterator方法。
for...of迴圈可以使用的範圍:
字串;
陣列;
Set和Map結構;
某些類似陣列的物件(例如arguments物件、DOM NodeList物件);
Generator物件。
使用範例
var arr = ['nick','freddy','mike','james']; for(var item of arr){ console.log(item); }
輸出結果:
#遍歷陣列裡的每一項。
使用範例
var arr = [ { name:'nick', age:18 }, { name:'freddy', age:24 }, { name:'mike', age:26 }, { name:'james', age:34 } ]; for(var item of arr){ console.log(item.name,item.age); }
輸出結果:
#遍歷陣列裡的每一項。
【相關推薦:javascript影片教學、web前端】
以上是es6中for of的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!