Iterator遍历器是一种为各种不同数据结构提供同意访问机制的接口
Iterator的作用:
1、一是为各种数据结构,提供一个统一的、简便的访问接口
2、是的数据结构的成员按照某种次序排列
3、为ES6中新增了一种for…of循环
Iterator 的遍历过程是这样的。
(1)创建一个指针对象,指向当前数据结构的起始位置。也就是说,遍历器对象本质上,就是一个指针对象。
(2)第一次调用指针对象的next方法,可以将指针指向数据结构的第一个成员。
(3)第二次调用指针对象的next方法,指针就指向数据结构的第二个成员。
(4)不断调用指针对象的next方法,直到它指向数据结构的结束位置。
每一次调用next方法,都会返回数据结构的当前成员的信息。具体来说,就是返回一个包含value和done两个属性的对象。其中,value属性是当前成员的值,done属性是一个布尔值,表示遍历是否结束。
下面是一个遍历器的例子
let it = makeIterator(['1','2'])
function makeIterator(arr){
var nextIndex = 0;
return {
next: function(){
return nextIndex < array.length ?
{
value: array[nextIndex],
done: false
} :
{
value: undefined,
done: true
}
}
}
}
而在ES6中默认定义好了一个Iterator接口,这个接口存放在Symbol.iterator属性当中,所有具有Symbol.iterator属性的数据结构都能够使用for…of遍历,只要是具有Symbol.iterator接口我们就认为这个数据结构是可遍历的
js中原生具有Iterator的数据结构有:
- Array
- Map
- Set
- String
- TypedArray
- 函数的arguments对象
- NodeList对象
我们可以直接使用for…of遍历上述数据结构
let arr = [11,22,33,44,55,66]
for(let item of arr){
console.log(item)
// 11
// 22
// 33
// 44
// 55
// 66
}
默认调用Iterator接口的几个场合:
- 解构赋值
- 扩展运算
- yield*