遍历器就是一个对象，这个对象有一个next方法，返回我们需要的数据，而可遍历对象就是那些部署了Symbol.iterator属性的对象，Symbol.iterator会返回一个遍历器,接下来看个简单的例子

const array=['green','red','white'];

console.log(array);



打印array可以在它的原型里面看到有interator接口，or所以可以通过array[Symbol.iterator]()获取到遍历器对象，并且可以看到遍历器对象里面有next方法如下：





当我们调用遍历器的next方法的时候看下会获取到什么,一直调用的时候又会获取到什么



通过五次调用next方法可以看到上面的结果，就是next方法返回给我们的结果。根据这些特性我们可以编写自己的遍历器。

ES6为我们提供了数组的三个方法，entries(),keys(),values(),我们调用数组的entries()也会得到遍历器在浏览器中看下结果：



注意entries返回的value是一个数组，接下来看keys()



values方法：



那么如果values()方法没有实现，那么我们怎么实现一个遍历器呢？代码如下：

const array=['green','red','white'];

Array.prototype.values=function(){

let i=0;//用来记录元素的索引

let items =this;

return {

next(){

const done=i>=items.length;

const values=done?undefined:items[1++]

return{

value,

done

}

}

}

}

values方法的实现
---------------------
作者：weixin_42554311
来源：CSDN
原文：https://blog.csdn.net/weixin_425 ... 486?utm_source=copy
版权声明：本文为博主原创文章，转载请附上博文链接！

奈斯