一. 什么是遍历器
1. 遍历器对象(Iterator)
遍历器对象本质上是一个指针对象,该对象有一个next方法,调用next方法返回一个
含有value和done属性的对象{value: val/undefined, done: false/true}。
const iterator = {
next() {
return {value: val/undefined, done: false/true}
}
}
另外遍历器对象可以简单的通过Generator函数(遍历器生成函数)生成。
const gen = function* testGen(){ yield ....}
2. iterator接口
也可以叫做遍历器生成函数。一些数据称之为可遍历数据,本质上是因为数据结构
本身带有iterator接口,即具有属性[Symbol.iterator],该属性对应一个遍历器生成函数。
iterator接口对应的遍历工具主要是for...of循环。其余工具还有: ...(扩展运算符)、Array.from()等。
使用这些工具的时候,会默认调用[Symbol.iterator]方法,遍历方法返回的遍历器。
所以,一个数据是否可遍历,取决于是否具有[Symbol.iterator]属性。
而可以通过给数据添加该属性,使本身不可遍历的数据变成可遍历数据。
原生具有iterator接口的数据类型有:
Array
String
Map
Set
TypedArray
Arguments对象
NodeList对象
除了上面的数据类型,其他数据类型想要可遍历,都必须添加[Symbol.iterator]属性。
其中类数组的对象,可以直接使用数组的[Symbol.iterator]属性。其他对象不可以!
let iterable = { //属性值是数值和length
0: 'a',
1: 'b',
2: 'c',
length: 3,
[Symbol.iterator]: Array.prototype[Symbol.iterator] //不添加该属性之前,不可遍历,类数组只有NodeList,Arguments,String可遍历
};
for (let item of iterable) {
console.log(item); // 'a', 'b', 'c'
}
如果自定义的话,可以使用Generator函数赋值。
也可以自定义一个函数,按照遍历机制生成一个遍历器对象。不符合会导致崩溃。
3. iterator接口使用场合
以下场景自动调用iterator的构造函数。
1.解构赋值
数组/Set/Map的解构赋值
let [a,...b] = [1,2,3,4];
a;//
b;// [2,3,4]
对象的解构赋值
let { foo, ...bar} = {foo: 1, a:1, b:2,c:3}
foo; //
bar; // {a:1,b:2,c:3}
2. 扩展运算符
3.yield*
后面是一个遍历器,即可遍历对象。相当于自动调用for...of循环
let generator = function* () {
yield 1;
yield* [2,3,4];
yield 5;
};
// 相当于
let generator = function* () {
yield 1;
for(let i of [2,3,4]) {
yield i;
}
yield 5;
};
4.使用数组传参的方法
数组只会遍历键是数字的值。非数字的键名不遍历。
for...of
Array.from()
Set()
Map()
WeakMap
WeakSet
Promise.all()
Promise.race()
4. 遍历器的return方法和throw方法
return方法非正常触发的条件是:
1)for...of循环遇到break
2) for...of循环中抛出异常
其中如果遇到抛出异常,会先调用return方法,然后再抛出异常
5. 遍历方法返回遍历器的数据结构
数组
Set
Map
URLSearchParams
上面数据结构调用keys(),values(),entries()返回一个遍历器对象
let arr = [12];
arr.r = 2;
// 返回一个遍历器对象
let it = arr.keys(); //Array Iterator
it.next(); //{value: 0, done: false}
it.next();// {value:undefined, done:true}
// 由此可知,数组遍历的时候只遍历键名是数值的成员
6. for...of循环优点
1. 比for循环书写简单
2.forEach不能中断,for...of可以中断
3.for...in主要用于遍历对象,用于数组时,会遍历非数值的键名。