Interator
“集合”数据的结构主要有
Array
、Object
、Set
andMap
,任何数据结构只要部署 Iterator 接口,就可完成遍历操作
遍历过程:
- 创建指针,指向当前数据结构起始位。(遍历对象本质是一个指针对象)。
- 依次循环调用指针对象的
next
方法,对应指向数据结构成员,直至结束。每次调用
next方法,返回对象当前成员的信息
{value:text,done:true},其中
value表示成员值,
done` 表示遍历是否结束
1 | let arr = ['Owen','18']; |
对与遍历器对象来说 done: false
and value:undefined
可省略
原生具备 Iterator 的数据结构:Array
、 String
、 Map
、 Set
、arguments
and NodeList
都默认部署
[Symbol.iterator]
方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23 //
const obj = {
[Symbol.iterator] : function () {
return {
next: function () {
return {
value: 1,
done: true
};
}
};
}
};
obj[Symbol.iterator]().next() //{value: 1, done: true}
let arr = ['a', 'b', 'c'];
let iter = arr[Symbol.iterator]();
iter.next() // { value: 'a', done: false }
iter.next() // { value: 'b', done: false }
iter.next() // { value: 'c', done: false }
iter.next() // { value: undefined, done: true }
iter.next() // { value: undefined, done: true }
对象(Object)之所以没有默认部署 Iterator 接口,是因为对象的哪个属性先遍历,哪个属性后遍历是不确定的,需要开发者手动指定。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
//原型上部署Interator
class RangeIterator {
constructor(start, stop) {
this.value = start;
this.stop = stop;
}
[Symbol.iterator]() { return this; }
next() {
var value = this.value;
if (value < this.stop) {
this.value++;
return {done: false, value: value};
}
return {done: true, value: undefined};
}
}
function range(start, stop) {
return new RangeIterator(start, stop);
}
for (var value of range(0, 3)) {
console.log(value); // 0, 1, 2
}
//对象上部署Interator
function Obj(value) {
this.value = value;
this.next = null;
}
Obj.prototype[Symbol.iterator] = function() {
var iterator = { next: next };
var current = this;
function next() {
if (current) {
var value = current.value;
current = current.next;
return { done: false, value: value };
} else {
return { done: true };
}
}
return iterator;
}
var one = new Obj(1);
var two = new Obj(2);
var three = new Obj(3);
one.next = two;
two.next = three;
for (var i of one){
console.log(i); // 1, 2, 3
}
类似数组对象,可引用 Array.prototype[Symbol.iterator]
1 | //NodeList |
一些 默认调用 Iterator 的操作
1 |
|
遍历器return方法和throw方法
return()
return方法必须返回一个对象。
如果一个对象在完成遍历前,需要清理或释放资源,就可以部署return方法。
如果for…of循环提前退出(通常是因为出错,或者有break语句),就会调用return方法。
1 | function readFile(file) { |
for…of 和其他遍历语法对比
1 | let arr = [1,2]; |