1、Iterator

浏览器支持情况:FF31+

js中提供来很多方法遍历集合中的元素,比如说for, forEach, for ...of ,map。在ES6中,iterator是一个对象,提供next()方法依次访问下一个元素。也就是说要使用next()方法,就需要先创建一个iterator对象,先看个例子:

varlang={name:'JavaScript',birthYear:1995};varit=Iterator(lang);varpair=it.next();//Pairequals["name","JavaScript"]pair=it.next();//Pairequals["birthYear",1995]pair=it.next();//ifthersisnotanyone,StopIterationexceptionisthrown

for...in 循环直接可以取代next()方法,

varlang={name:'JavaScript',birthYear:1995};varit=Iterator(lang);、for(varpairinit){console.info(pair);}

对于一个对象字面量,我们如果想只获得key值(不借助第三方工具类)该怎么实现?如果使用iterator就可以实现,需要额外加个参数,

varlang={name:'Eason',age:27}varit=Iterator(lang,true);for(varkeyinit){console.info(key);}

上面的例子都是基于对象字面量的迭代(注意,原型中的属性不会包含在序列中),那么基于数组的迭代是怎么处理的呢,先看个例子吧

varlangs=['JavaScript','Python','C++'];varit=Iterator(langs);for(varpairinit){console.info(pair);}

但是返回的结果会让你眼前一亮

[0,"JavaScript"][1,"Python"][2,"C++"]

自己试下如果将

varit=Iterator(langs);修改为varit=Iterator(langs,true);

看下效果如何。