ES6小记-------迭代器

以你之姓@ 2023-07-05 11:58 50阅读 0赞

最近学习了迭代器，发现这个东西真的是个很好用的工具，什么是迭代器呢？

#### 迭代器 ####

（1）一个具有next方法的对象，next方法返回下一个数据，并且能指示是否迭代完成。

#### 迭代器优点 ####

（1）迭代器不需要知道可迭代对象的数据长度，它会返回一个下一个数据，并判断是否还有数据  
（2）可以不需要迭代对象亲自参数操作，只需要把迭代器封装好就行

#### 可迭代对象 ####

（1）可迭代对象：只要是原型上带下图这个方法的就属于可迭代对象，可迭代对象可以用for-of来遍历，不是可迭代对象不行，Arraty、Map、Set都属于可迭代对象（iterable）  
![在这里插入图片描述][20200214215045864.png]  
（2）不可迭代对象：原型上没有Symbol(Symbol.iterator)()这个方法的是不可迭代的对象，对象字面量就是不可迭代对象，可以使用for-in来遍历，但是不能使用for-of遍历

#### 创建迭代器 ####

以上就是一个简单的迭代器，在上面代码可以看出，在迭代器创建出来后，数组全程都没有参与到操作中，这样给我们提供了很多方便

不可迭代对象要是也想使用for-of遍历，那就只有封装一个函数

//创建一个对象字面量
    			let obj = { 
    				name: '张三',
    				age: 10
    			}
    			function createIterator(obj){ 
    				//获取对象的所有键
    				const arr = Object.keys(obj);
    				const newArr = [];
    				const iterator = { 
    					i: 0,
    					next(){ 
    						return { 
    							value: obj[arr[this.i++]],
    							done: this.i > arr.length
    						}
    					}
    				}
    				let data = iterator.next();
    				while(!data.done){ 
    					newArr.push(data);
    					data = iterator.next();
    				}
    				return newArr;
    			}
    			for(let item of createIterator(obj)){ 
    				console.log(item);
    			}

只需要将对象字面量传入经过函数的处理，将值放在数组中，数组是可迭代的，这样就可以模拟成可迭代对象。当然，这个函数只针对对象字面量，对其他不可迭代对象是不起作用。大家有新的想法可以在下面补充，互相学习，学无止境！

[20200214215045864.png]: https://img-blog.csdnimg.cn/20200214215045864.png