码迷,mamicode.com
首页 > 其他好文 > 详细

EcmaScript6学习之二

时间:2014-11-05 00:36:56      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:ecmascript6   iterator   

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

看下效果如何。






本文出自 “Eason's hcc” 博客,请务必保留此出处http://hcc0926.blog.51cto.com/172833/1571854

EcmaScript6学习之二

标签:ecmascript6   iterator   

原文地址:http://hcc0926.blog.51cto.com/172833/1571854

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!