iterator(迭代器)

一、概念

迭代器(iterator)是一种接口,为各种不同的数据结构提供统一的访问机制,任何数据结构只要部署iterator接口,就可以完成遍历操作。

  1. ES6创造了一种新的遍历命令 for…of 循环,iterator 接口主要供 for…of 消费
  2. 原生具备 iterator 接口的数据(可用for of 遍历)
const baobao = ['gucci','coach','lv']
//使用 for...of 遍历数组
//for(let v of baobao){
//     console.log(v)
//}
let iterator = baobao[Symbol.iterator]();

//调用对象的next方法
console.log(iterator.next());// gucci
console.log(iterator.next());// coach
console.log(iterator.next());// lv
console.log(iterator.next());// undefined

二、工作原理

  1. 创建带一个只针对对象,指向当前数据结构的起始位置
  2. 第一次调用对象next方法,指针自动指向数据结构的第一个成员
  3. 接下来不断调用next方法,指针一直往后移动,直到指向最后一个成员
  4. 每调用next方法返回一个包含value和done属性的对象

注意:需要自定义遍历数据的时候,要想到迭代器
自定义遍历代码:

const obj = {
	name = 'yrq',
	hobby = [
		'吃法',
		'睡觉',
		'打媳妇'
	],
	[Symbol.iterator](){
		let index = 0
		let that = this
		return {
			next:function(){
				if(index < that.hobby.length){
					const result = { value: that.hobby[index], done: false }
					index++
					return result
				}else{
					return { value: undefined, done: true }
				}
			}
		}
	}
}

for(let item of obj){
	console.log(item)
}
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值