迭代器iterator

迭代器  Symbol.iterator

　　要想能够被for...of正常遍历的，都需要实现一个遍历器Iterator。而数组，Set和Map结构，早就内置好了遍历器Iterator（又叫迭代器），它们的原型中都有一个Symbol.iterator方法；而Object对象并没有实现这个接口，使得它无法被for...of遍历.

 

原理：

　　当可遍历对象被for...of遍历的时候，[Symbol.iterator]()就会被调用，返回一个iterator对象。其中还有一个很重要的方法：next( )。遍历器上不断调用next( )方法，直到done的值为true的时候，就表示遍历完成结束了

 

实现：

　　

<script>
    let Person = {
        name: '姓名哦',
        age: 65,
    }
    // 添加迭代器
    Person[Symbol.iterator] = function () {
        let index = 0;
        let keys = Object.keys(this);
        return {
            next: () => {
                let value = {
                    key: keys[index],
                    value: this[keys[index]]
                }
                let done = index === keys.length;
                index++;
                return {
                    value,
                    done
                }
            }
        }

    }
    for (const item of Person) {
        console.log(item);
    }
</script>

 iterator实现的价值

　　新特性for...of之所以能够遍历各种不同的数据结构，正是因为这个数据结构都实现了Iterator遍历器接口，供for...of遍历