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

看下效果如何。