這篇“es6中for of怎么用”文章的知識點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“es6中for of怎么用”文章吧。

新泰網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)于2013年開始到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運(yùn)維經(jīng)驗，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

在es6中，“for of”用于遍歷部署了“Symbol.iterator”屬性的數(shù)據(jù)結(jié)構(gòu)，“for of”循環(huán)是遍歷所有數(shù)據(jù)結(jié)構(gòu)的方法，語法為“for(var value of 數(shù)據(jù)結(jié)構(gòu)對象){console.log(value);}”。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6中for of的用法是什么

ES6引入了for...of循環(huán)作為遍歷所有數(shù)據(jù)結(jié)構(gòu)的統(tǒng)一方法。

一個數(shù)據(jù)結(jié)構(gòu)只要部署了Symbol.iterator屬性，就被視為具有iterator接口，就可以用for...of循環(huán)遍歷它的成員，也就是說，for...of循環(huán)內(nèi)部調(diào)用的是數(shù)據(jù)結(jié)構(gòu)的Symbol.iterator方法。

for...of循環(huán)可以使用的范圍：

• 字符串；

• 數(shù)組；

• Set和Map結(jié)構(gòu)；

• 某些類似數(shù)組的對象(比如arguments對象、DOM NodeList對象)；

• Generator對象。

使用例子

var arr = ['nick','freddy','mike','james'];
for(var item of arr){
    console.log(item);
}

輸出結(jié)果：

遍歷數(shù)組里的每一項。

使用例子

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);
}

輸出結(jié)果：

遍歷數(shù)組里的每一項。

以上就是關(guān)于“es6中for of怎么用”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。