es6学习笔记整理（十四）Iterator迭代器

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
}