ES6的 迭代器

1,iterator 迭代器是ES6提出的一种新的遍历机制,目的是让各种数据结构可方便地被访问。可迭代对象由Symbol.iterator实现,用Symbol.iterator作为对象的属性,键Symbol.iterator的值是个函数,函数的执行返回一个数组的迭代器,可见 迭代器对象与Symbol.iterator之间的关系。Symbol.iterator标识着迭代器。

2, 遍历迭代器, 可用 for...of...,for...of...是ES6用来遍历迭代器的一种工具。for...of...不同于for...in...,for...in...用于遍历对象的属性,for...of...用于遍历对象的值。如:

var testArr = [4, 5, 7, 3]; //可迭代对象,ES6已经为组数实现了可迭代

for(var key in testArr){
    console.log(key);
}
//控制台输出:
//0
//1
//2
//3
for(var val of testArr){
    console.log(val);
}
//控制台输出:
//4
//5
//7
//3

3, ES6称迭代器是个指针,指向对象值最开始的位置,并由next方法将指针指向下一个位置:

var testArr = [4, 5, 7, 3];
var iterator = testArr[Symbol.iterator]();
//iterator是个数组的迭代器对象:Array Iterator {} 
iterator.next(); //next方法返回当前位置的值并指向下一个位置,返回的是个对象,如下:
//{value: 4, done: false}
...
iterator.next();
//{value: 3, done: false}
iterator.next(); //这个时候遍历完成,返回对象的done属性为true
//{value: undefined, done: true}

//有一点可以注意的是:当iterator没有遍历完成之前,向数组添加的元素,可由iterator.next访问,
//但一旦iterator完成了遍历后,添加的元素无法被iterator访问,但可生成一个新的iterator从头遍历;
iterator = testArr[Symbol.iterator]();
iterator.next();
//{value: 4, done: false}
testArr.push(2);
//5  数组长度
...
iterator.next();
//{value: 2, done: false}
iterator.next();
//{value: undefined, done: true}
testArr.push(8);
iterator.next(); //iterator已经遍历完成了;
//{value: undefined, done: true}

//还有一点需要注意的是: 若是元素添加在数组的前面即arr.shift,则会影响当前的iterator指针的指向;
//貌似指针往后移动了;可能跟内存存储有关,为什么会这样?将是个新的知识点;

4,目前实现迭代器的对象有 Array、Map、Set、String等但不包括 Object对象。

5,其他文档

Generator

Symbol

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值