EcmaScript6学习之二-创新互联

1、Iterator

创新互联成都企业网站建设服务，提供成都做网站、网站设计网站开发,网站定制,建网站,网站搭建,网站设计,自适应网站建设,网页设计师打造企业风格网站,提供周到的售前咨询和贴心的售后服务。欢迎咨询做网站需要多少钱:028-86922220

      浏览器支持情况：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);

看下效果如何。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章标题：EcmaScript6学习之二-创新互联
分享地址：http://www.cdkjz.cn/article/djooco.html