這篇文章將為大家詳細(xì)講解有關(guān)怎么在ES6中使用Iterator與for..of實現(xiàn)遍歷，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

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

Iterator與for..of..遍歷

1.Iterator概念

遍歷器（Iterator）是一種接口，為各種不同的數(shù)據(jù)結(jié)構(gòu)提供統(tǒng)一的訪問機(jī)制。JS中有些數(shù)據(jù)結(jié)構(gòu)具備原生的Iterator接口。為了更好理解這個概念，我們也可以自己寫一個Iterator。

var it = simIteractor(['hi','ES5']);
console.log(it.next()); //Object {value: "hi", done: false}
console.log(it.next()); //Object {value: "ES5", done: false}
console.log(it.next()); //Object {value: undefined, done: true}
function simIteractor(array){
    var nextIndex = 0;
    return{
      next: function(){
        return nextIndex < array.length ? {value: array[nextIndex++], done: false} : {value: undefined, done:true};
      }
    };
}

2.ES6中規(guī)定，默認(rèn)的Iterator接口部署在數(shù)據(jù)結(jié)構(gòu)的Symbol.iterator屬性，或者說，一個數(shù)據(jù)結(jié)構(gòu)只要具有Symbol.iterator屬性就可以任務(wù)是可遍歷的。在ES6中，有3類數(shù)據(jù)結(jié)構(gòu)原生具備Iterator接口：數(shù)組、某些類似數(shù)組的對象、Set及Map。

3.提到可遍歷，就要說說遍歷的方法。

for...in... : for-in是為普通對象設(shè)計的，你可以遍歷得到字符串類型的鍵，因此不適用于數(shù)組遍歷。

For...of... : for-of循環(huán)用來遍歷數(shù)據(jù)—例如數(shù)組中的值。for-of循環(huán)也可以遍歷其它的集合

for-of循環(huán)不僅支持?jǐn)?shù)組，還支持大多數(shù)類數(shù)組對象，例如DOMNodeList。

for-of循環(huán)也支持字符串遍歷，它將字符串視為一系列的Unicode字符來進(jìn)行遍歷：

or (var chr of "abc"){
  alert(chr); //依次彈出a,b,c
}

關(guān)于怎么在ES6中使用Iterator與for..of實現(xiàn)遍歷就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。