ES6 Iterator遍历器

本文深入探讨ES6中的遍历器(Iterator)概念,解释其工作原理及如何使用。文章详细介绍了遍历器对象及其next方法的作用,展示了如何通过Symbol.iterator属性获取遍历器,以及如何自定义遍历器。同时,还对比了entries(), keys(), values()三种数组方法的使用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

遍历器就是一个对象,这个对象有一个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[i++]

return{

value,

done

}

}

}

}

values方法的实现

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值