1:基本概念
Iterator 迭代器是一种接口,为不同的数据结构提供统一的访问机制,这个访问机制主要是遍历,我们知道,在数组、在对象、在类数组、在map、在set里面,都可以用for of或者扩展运算符来得到一个数组或者是遍历当前的数据结构,为什么能够遍历的原因就是因为存在这个Iterator 迭代器这个东西,所以我们可以用for of来提供一个统一的遍历,因此这个底层或者是Itrator它最初是为了for of而设计的。
为了给所有的数据结构有一个统一的遍历接口,统一的访问机制,因此就产生了迭代器。
迭代器的特点:
- 按某种次序排列数据结构
- 为for of提供一个遍历支持
- 为不同的数据结构提供统一的访问机制(目的)
遍历过程:要遍历一个对象,Iterator要新建一个指针,指向数据结构的起始位置;然后调用next()方法,返回如下对象:
{
/* 当前位置数据值 */
value: 'value',
/* 是否遍历完成标识 */
done: false,
}
{
value: undefined,
done: true,
}
默认部署在数据结构Symbol.iterator属性上:为了提供一个统一的访问,防止篡改。
let array = ['a', 'b', 'c', 'd'];
let Iterator = array[Symbol.iterator]();
/*
Iterator.next()
{ value: "a", done: false }
Iterator.next()
{ value: "b", done: false }
Iterator.next()
{ value: "c", done: false }
Iterator.next()
{ value: "d", done: false }
Iterator.next()
{ value: undefined, done: true }
Iterator.next()
{ value: undefined, done: true }
*/
默认包含迭代器对象
- Array
- Map
- Set
- String
- arguments
- NodeList
2:应用场景
- for......of
- 结构赋值
let set = new Set().add('aa').add('bb'); let [a, b] = set; // a: 'aa' b: 'bb'
- 扩展运算符
- generator函数
let generator = function* () { yield 1; yield 2; yield 3; yield 4; yield 5; }; let iterator = generator(); // iterator.next(); { value: 1, done: false } iterator.next() { value: 2, done: false } iterator.next() { value: 3, done: false } iterator.next() { value: 4, done: false } iterator.next() { value: 5, done: false } iterator.next() { value: undefined, done: true } iterator.next() { value: undefined, done: true }
3:数组遍历
- 遍历器覆盖
const array = ['a', 'b', 'c']; for(let s of array) { console.log(s); } // a b c const array = ['a', 'b', 'c']; const object = {}; object[Symbol.iterator] = () => { return array[Symbol.iterator].call(array); } for(let s of object) { console.log(s); } // a b c
- 获取键值与键名
const array = ['a', 'b', 'c']; // for of 等到的是value for(let s of array) { console.log(s); } // a b c // for in等到的是key for(let s in array) { console.log(s); } // 0 1 2