iterator遍历器（迭代器）

 一、for...of为什么不能遍历对象
      因为对象的构造函数中没有Symbol类型的属性   Symbol.iterator
    */
    console.log(Array.prototype);
    console.log(String.prototype);
    console.log(Set.prototype);
    console.log(Map.prototype);
    console.log(Object.prototype);
    /*
    二、iterator遍历器（迭代器）原理：当可遍历对象被for...of遍历的时候，[Symbol.iterator]()就会被调用，返回一个iterator对象。
    */
    var arr = [10, 20, 30, 40]
    console.log(arr);
    console.log(arr[Symbol.iterator]());
    var ite = arr[Symbol.iterator]()
    /* 
      三、for...of遍历的原理：
         当可遍历对象被for...of遍历的时候，[Symbol.iterator]()就会被调用，返回一个iterator对象，
         iterator里面的next()方法一直被调用，返回一个对象，里面有value,done属性，
         直到done属性的属性值变成true，结束循环。
    
    */
    console.log(ite.next());//{value: 10, done: false}
    console.log(ite.next());//{value: 20, done: false}
    console.log(ite.next());//{value: 30, done: false}
    console.log(ite.next());//{value: 40, done: false}
    console.log(ite.next());//{value: undefined, done: true}
    /*
      四、自定义迭代器
    */
    var obj = {
        1: '我是1',
        2: '我是2',
        3: '我是3',
        [Symbol.iterator]() {
            let index = 0;
            return {
                next: () => {
                    index++
                    let value = this[index]
                    let done = index > 3
                    return {
                        value, done
                    }
                }
            }
        }
    }
    // console.log(obj[2]);
    for (let value of obj) {
        console.log(value);
    }
    /*
        我是1
        我是2
        我是3
    */

最后

以上就是糟糕秀发为你收集整理的iterator遍历器（迭代器）的全部内容，希望文章能够帮你解决iterator遍历器（迭代器）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。