Iterator和for...of循环
什么是Iterator接口
在 Symbol.iterator 出现后，JS中也可以自己定义一个迭代器。
- Iterator 的作用有三个：
- 是为各种数据结构， 提供一个统一的、 简便的访问接口。
- 是使得数据结构的成员能够按某种次序排列；
- 是 ES6 创造了一种新的遍历命令for...of循环， Iterator 接口主要供for...of消费。
Iterator的基本用法
let arr = ['aaa','bbb'];
let map = arr[Symbol.iterator]();
console.log(map.next());//{value: "aaa", done: false} done是说明这个循环是不是还有下一步状态
console.log(map.next());//{value: "bbb", done: false}
console.log(map.next());//{value: undefined, done: true}
object 是不支持迭代器，接下来我们自定义Iterator接口
let obj = {
start:[1,2,3],
end:[4,5,6],
[Symbol.iterator](){
let self = this;
let index = 0;
let arr = self.start.concat(self.end);
let len = arr.length;
return {
next(){
if(index<len){
return {
value:arr[index++],
done:false
}
}else{
return {
value:arr[index++],
done:true
}
}
}
}
}
};
for(let key of obj){
console.log(key);//1 2 3 4 5 6
}
for...of
前面对for...of的使用有过说明了，这里就简单一提，基本使用如下：
let arr = ['aaa','bbb'];
for(let value of arr){
console.log(value);// aaa bbb
}
