【ES6】之iterator原理实现

1.iterator在数组中的运用

var arr=[1,2,3,4,5]
console.log(arr);
// Symbol.iterator

// 创建一个指针对象
let ite=arr[Symbol.iterator]()
console.log(ite);

console.log(ite.next());//{value: 1, done: false}
console.log(ite.next());//{value: 2, done: false}
console.log(ite.next());//{value: 3, done: false}
console.log(ite.next());//{value: 4, done: false}
console.log(ite.next());//{value: 5, done: false}
console.log(ite.next());//{value: undefined, done: true} 

2.给对象添加一个iterator接口

let obj = {
        name: 'Jack Zhang',
        age: 37,
        job: 'singer'
    }

    let obj1 = {
        name: 'Lucy',
        age: 38,
        job: 'host'
    }
    // 创建一个指针对象
    // let ite = obj[Symbol.iterator](); //  obj[Symbol.iterator] is not a function
    // console.log(ite);

    // 给obj添加[Symbol.iterator]函数
    obj[Symbol.iterator] = function () {
        let v = Object.values(obj);
        // console.log(v);
        let index = 0;
        return {
            next() {
                if (index < v.length) {
                    return { value: v[index++], done: false }
                } else {

                } return { value: v[index++], done: true }
            }
        }
    }

    let ite = obj[Symbol.iterator]();
    console.log(ite);
    console.log(ite.next());
    console.log(ite.next());
    console.log(ite.next());
    console.log(ite.next());
 
    // 把方法添加到原型上
    Object.prototype[Symbol.iterator] = function () {
        let v = Object.values(this);
        // console.log(v);
        let index = 0;
        return {
            next() {
                if (index < v.length) {
                    return { value: v[index++], done: false }
                } else {

                } return { value: v[index++], done: true }
            }
        }
    }

    for (var v of obj) {
        console.log(v);
    }
    for (var v of obj1) {
        console.log(v);
    }