[JavaScript知识库]Iterator

什么是Iterator？

Iterator(遍历?)是一种接口，目的是为了给不同的数据结构提供统一的循环方式，任何数据结构如果部署了Iterator接口，就能够实现遍历的操作。

terator的作用？

为不同的数据结构，提供一个统一的、简便的访问接口。

将数据成员按照一定的顺序输出。

提供给ES6中的for…of的这个循环语句进行使用。

?什么结构具备原生的Iterator接口？

Array、String、Set、Map、函数的argument对象

默认的Iterator接?？

Symbol.iterator

本质？

是一个函数，就是当前的数据集合默认的遍历?生成函数，执行这个函数，就会返回一个遍历?。

返回值？

返回一个遍历?对象。这个对象里的显著特点就是有一个next()方法。每次调用next都会返回一个描述当前成员的信息对象，具有value和done两个属性。

数组的Iterator

 /* 
        iterator是存在于数据集合Symbol里面的一个属性，
        本质是一个函数通过这个函数可以生成一个遍历器对象
        遍历器对象中的next()方法可以返回数据集合中的数据并且告知是否已结束
    */

     const arr =[1,2,3,4];
     const fn=arr[Symbol.iterator]()
     console.log(fn.next());//{value: 1, done: false}
     console.log(fn.next());//{value: 2, done: false}
     console.log(fn.next());//{value: 3, done: false}
     console.log(fn.next());//{value: 4, done: false}
     console.log(fn.next());//{value: undefined, done: true}

?log结果

?

?

?对象的

    const obj = {
        color:'red',
        price:'99',
        size:'small',
        [Symbol.iterator](){
            let index = 0;
            const values = Object.values(this);
            return{
                next(){
                    if(index<values.length){
                        return{
                            value:values[index++],
                            done:false
                        }
                    }else{
                        return{
                            value:undefined,
                            done:true
                        }
                    }
                }
            }
        }
    }

    for(let item of obj){
        console.log(item);
    }

    let fn2 = obj[Symbol.iterator]();
    console.log(fn2.next());
    console.log(fn2.next());
    console.log(fn2.next());
    console.log(fn2.next());