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);
看下效果如何。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。