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,其他文档