迭代器

1、数组默认实现了迭代器，所以可以通过for of遍历

2、对象没有实现迭代器，所以不能通过for of 遍历

3、Array[Symbol.iterator] 对应是一个函数，这个函数返回一个对象，对象中有个next方法，next方法返回一个对象{value:"",done:false}

4、for...of，我们可以使用它来遍历数组，字符串，Set和Map结构，但for…of不遍历object对象

5、 for...of的原理就是：先调用可遍历对象的[Symbol.iterator]()方法，得到一个iterator遍历器对象，然后就在遍历器上不断调用next()方法，直到done的值为true的时候，就表

示遍历完成结束了。

迭代器实例与对象自定义迭代器实例：

　　

let obj = {

    name: "张三",

    age: 19

}

 

// for (let i of obj){

//     console.log(i);//对象不能遍历

// }

 

let arr = [1, 2, 3, 4, 5]

console.log(obj[Symbol.iterator])//对象不能遍历

console.log(arr[Symbol.iterator])//返回一个函数

 

console.log(arr[Symbol.iterator]())

 

let iter = arr[Symbol.iterator]();//返回迭代器的实例 用next()方法

console.log(iter.next());//1

console.log(iter.next());//2

console.log(iter.next());//3

console.log(iter.next());//4

console.log(iter.next());//5

console.log(iter.next());//undefined

console.log(iter.next());

console.log(iter.next());

 

 

 

//给对象加迭代器 自定义迭代器

obj[Symbol.iterator] = function () {

    let index = 0;

    let keys = Object.keys(this);

 

    return {

 

        //this指向不是当前 解决箭头函数

        // next(){

        //     let value = this[keys[index]]

        //     let done = index===keys.length

        //     index++;

        //     return {

        //         value,

        //         done

        //     }

        // }

        // 箭头函数

        // next（）函数遍历出属性名与值

        next: () => {

            let value = {

                key: keys[index],//对象属性名

                value: this[keys[index]]//对象属性值

            }

            let done = index === keys.length//长度

            console.log(done);

            index++;

            return {

                value,

                done

            }

        }

    }

}

for (var i in obj){

    console.log(i)

}

for (let item of obj) {

    console.log(item);

}