iterator（迭代器）

77 阅读 0 评论 51 点赞

我是靠谱客的博主欣喜小蚂蚁，最近开发中收集的这篇文章主要介绍iterator（迭代器），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、概念

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

ES6创造了一种新的遍历命令 for…of 循环，iterator 接口主要供 for…of 消费
原生具备 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

二、工作原理

创建带一个只针对对象，指向当前数据结构的起始位置
第一次调用对象next方法，指针自动指向数据结构的第一个成员
接下来不断调用next方法，指针一直往后移动，直到指向最后一个成员
每调用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)
}