ES6 for of迴圈和迭代器使用細節

se5之前我們可以用for迴圈來遍歷陣列，se5為陣列引進了新的方法foreach()，方便了很多，但是該方法不能夠通過break或者return返回外層函式。

arr.foreach(function(value))

es6定義了乙個更好的遍歷陣列的方法for-of迴圈，該方法的強大在於可以遍歷任何具有迭代器的物件，例如陣列、nodelist物件、map和set物件。還可用於遍歷字串，將其視為一系列的unicode字元來遍歷，即中文也算乙個字元。

遍歷陣列

function outputarr(var arr)
}

遍歷nodelist

(function()
})();

遍歷set

var set = new set(array);
for( var arr of set)

遍歷map，需要用到se6解構的方法。

var map = new map();
map.set("aa",1);
map.set("bb",2);
for(var [name, value] of map)

遍歷字串

var str = "abc哈哈";
for(var tmp of str)
// a
// b
// c
// 哈
// 哈

深入理解迭代器物件

for-of迴圈首先呼叫集合的[symbol.iterator]()方法，該方法返回乙個新的迭代器物件，如自身，但該物件要具有乙個.next()方法。for每迴圈一次就呼叫這個.next()方法。該方法返回乙個物件,done屬性用來判斷迴圈是否結束，value屬性就是迭代的值。最簡單的例子如下。

function ite(),
next:function():;
} }}(function()
}())

注意：迭代器物件一定要有有symbol.iterator和next這兩個方法，不然會判斷這不是乙個迭代器，symbol是se6的新型別，該型別的值是與任何值都不同，用來避免重名的問題。火狐執行結果0,1,2。

迭代器還有可選的.return()和.throw(exc)方法。如果for-of迴圈過早退出會呼叫.return()方法，如用異常、return、break觸發.return()方法。所以.return()方法可以用來處理一些釋放記憶體或資源的工作，而對於.throw()方法，for-of迴圈永遠不會呼叫它。

這兩個方法通常用來處理生成器，在講生成器的時候會由具體說明。

ES6 for of迴圈和迭代器使用細節

迭代器和 for of 迴圈

ES6新特性 Iterator和for of迴圈

ES6入門之Iterator和for of

ES6 for of迴圈和迭代器使用細節

迭代器和 for of 迴圈

ES6新特性 Iterator和for of迴圈

ES6入門之Iterator和for of

相關推薦