es6——iterator迭代器

iterator的说明

es6创建了一种新的迭代器
for of 可以遍历使用迭代器
Array Arguments Set Map String TypeArray NodeList 都支持
iterator是对象的一个symbol类型的属性

const arr = ['o', 'r', 'e', 'a'];

// 不同于for in 的是 for in i 是下标、键 for of 是值
for (let i of arr) {
    console.log(i); // o r e a
}

// 对象的Symbol.iterator属性是一个函数，返回值是一个对象，该对象中有一个next方法
// arr也是一个对象
let iterator = arr[Symbol.iterator]();
console.log(iterator); // Object [Array Iterator] {}
// iterator中有一个next方法，每调用一次，next指针的返回值是数据结构的下一位节点对象，第一次调用就是节点对象
console.log(iterator.next()); // { value: 'o', done: false }
console.log(iterator.next()); // { value: 'r', done: false }
console.log(iterator.next()); // { value: 'e', done: false }
console.log(iterator.next()); // { value: 'a', done: false }

自定义迭代器iterator

let arr = ["zhangsan", "lisi", "wangwu", "zhaoliu"];
arr[Symbol.iterator] = function() {
    let index = 0;
    let lock = false;
    return {
        next: () => {
            if (index < this.length && !lock) {
                index++;
                return { value: `自定义${this[index-1]}`, done: lock };
            } else {
                lock = true;
                // done为true时，for of停止遍历
                return { value: undefined, done: lock };
            }
        },
    };
};
for (let i of arr) {
    console.log(i); // 自定义zhangsan 自定义lisi 自定义wangwu 自定义zhaoliu
}

const iterator = arr[Symbol.iterator]();
console.log(iterator.next()); // { value: '自定义zhangsan', done: false }
console.log(iterator.next()); // { value: '自定义lisi', done: false }
console.log(iterator.next()); // { value: '自定义wangwu', done: false }
console.log(iterator.next()); // { value: '自定义zhaoliu', done: false }
console.log(iterator.next()); // { value: undefined, done: true }
console.log(iterator.next()); // { value: undefined, done: true }