DIV CSS 佈局教程網

本文實例講述了ES6中Iterator與for..of..遍歷用法。分享給大家供大家參考，具體如下：

Iterator與for..of..遍歷

1.Iterator概念

遍歷器（Iterator）是一種接口，為各種不同的數據結構提供統一的訪問機制。JS中有些數據結構具備原生的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中規定，默認的Iterator接口部署在數據結構的Symbol.iterator屬性，或者說，一個數據結構只要具有Symbol.iterator屬性就可以任務是可遍歷的。在ES6中，有3類數據結構原生具備Iterator接口：數組、某些類似數組的對象、Set及Map。

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

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

For...of... : for-of循環用來遍歷數據—例如數組中的值。for-of循環也可以遍歷其它的集合

for-of循環不僅支持數組，還支持大多數類數組對象，例如DOMNodeList。

for-of循環也支持字符串遍歷，它將字符串視為一系列的Unicode字符來進行遍歷：

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

它同樣支持Map和Set對象遍歷。如果你不知道Map 請看 http://www.jb51.net/article/110048.htm，如果你不知道Set 請看 http://www.jb51.net/article/110052.htm 。

希望本文所述對大家ECMAScript程序設計有所幫助。