EcmaScript6學習之二

1、Iterator

瀏覽器支持情況：FF31+

js中提供來很多方法遍歷集合中的元素，比如說for, forEach, for …of ,map。在ES6中，iterator是一個對象，提供next()方法依次訪問下一個元素。也就是說要使用next()方法，就需要先創建一個iterator對象，先看個例子：

var lang = { name: ‘JavaScript’, birthYear: 1995 };
var it = Iterator(lang);
var pair = it.next(); // Pair equals [“name”, “JavaScript”]
pair = it.next(); // Pair equals [“birthYear”, 1995]
pair = it.next(); // if thers is not anyone, StopIteration exception is thrown
for…in 循環直接可以取代next()方法，

var lang = { name: ‘JavaScript’, birthYear: 1995 };
var it = Iterator(lang);、
for (var pair in it){
console.info(pair);
}
對於一個對象字面量，我們如果想只獲得key值（不借助第三方工具類）該怎麼實現？如果使用iterator就可以實現，需要額外加個參數，

var lang = {
name : ‘Eason’,
age : 27
}
var it = Iterator(lang, true);
for (var key in it){
console.info(key);
}
上面的例子都是基於對象字面量的迭代（注意，原型中的屬性不會包含在序列中），那麼基於數組的迭代是怎麼處理的呢，先看個例子吧

var langs = [‘JavaScript’, ‘Python’, ‘C++’];
var it = Iterator(langs);
for (var pair in it){
console.info(pair);
}
但是返回的結果會讓你眼前一亮

[0, “JavaScript”]
[1, “Python”]
[2, “C++”]
自己試下如果將

var it = Iterator(langs); 修改爲var it = Iterator(langs，true);
看下效果如何。