es6 iterator迭代器底层代码实现

深藏阁楼爱情的钟 2021-07-24 13:19 396阅读 0赞

ES6 Symbol-iterator接口机制
    
    	1、为各种数据结构，提供一个统一的访问接口
    	2、使得数据结构的成员能够按某种次序排列
    	3、因为es6创建了for..of循环，iterator接口主要为for...of提供
    
    	使用
    	1、创建遍历器对象
    	2、调用next方法，第一次调用会指向起始值，之后会逐渐向后移动，返回包含当前值和布尔值，布尔值表示是否遍历结束

代码示例:

<html ng-app='app' ng-controller='main' >
    <head>
    	<meta charset="utf-8">
    	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>
    
    	<script src='jq/jquery-3.4.1.js'></script>
    
    	<style>
    
    	</style>
    </head>
    <body >
    
    
    <script>
    	function fun(arr)
    	{ 
    		let index=0;
    		return { //遍历器对象
    			next:function(){ 
    				//闭包
    				return index<arr.length ?{ value:arr[index++],done:false}:{ value:undefined,done:true};
    			}
    
    		}
    	}
    	//准备数据
    	let arr=[1,2,3,4];
    	let ite=fun(arr);
    	console.log(ite.next());
    	console.log(ite.next());
    	console.log(ite.next());
    	console.log(ite.next());
    	console.log(ite.next());
    	
    
    </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，396人围观）

还没有评论，来说两句吧...

相关阅读

相关 Iterator迭代器

一、迭代器是什么迭代器很重要，是遍历线性数据结构（链表）的重要方法之一。迭代器取出元素的原理: 判断集合中还有没有元素,有就取出来再判断集合中还有没有元素,有

男娘i/ 2024年03月25日 16:44/ 0 赞/ 111 阅读

相关迭代器 Iterator

迭代器是一种设计模式，它用于遍历集合或容器中的元素，能够访问集合的元素而无需关心集合的内部结构：特点： 1. 封装集合访问：迭代器封装了对集合元素的访问，通过迭代器访问

短命女/ 2024年02月21日 11:52/ 0 赞/ 73 阅读

相关 Java迭代器Iterator代码详解（迭代器模式）

> 你好我是辰兮，很高兴你能来阅读，本篇给你介绍Java设计模式之迭代器模式，简单的讲解Iterator具体如何使用，分享给初学者，大家一起进步！ -------------

àì夳堔傛蜴生んèń/ 2023年10月05日 10:37/ 0 赞/ 67 阅读

相关 ES6小记-------迭代器

最近学习了迭代器，发现这个东西真的是个很好用的工具，什么是迭代器呢？迭代器（1）一个具有next方法的对象，next方法返回下一个数据，并且能指示是否迭代完成。

以你之姓@/ 2023年07月05日 11:58/ 0 赞/ 53 阅读

相关 ES6迭代器

上一篇博客讲了ES6的for-of循环。实际上，ES6的对象遍历（数组、Map对象、Set对象等）都有一个内置的迭代器方法。给对象添加迭代器方法当你给对象

落日映苍穹つ/ 2022年08月19日 14:17/ 0 赞/ 171 阅读

相关 Iterator迭代器

Iterator是一个迭代器接口，它专门用于迭代各种Collection集合，包括Set集合和List集合。如果查阅JDK的API文档将发现，Iterator迭代器接口只有一个

水深无声/ 2022年06月10日 01:43/ 0 赞/ 418 阅读

相关 Iterator(迭代器)

Iterator接口(迭代器) 文章目录前言原理方法异常 --------

叁歲伎倆/ 2022年02月13日 11:11/ 0 赞/ 461 阅读

相关 Iterable 迭代器

Iterable 迭代器只能迭代一次 public class IterableTest { public sta

╰半夏微凉°/ 2022年01月30日 02:55/ 0 赞/ 402 阅读

相关 ES6--迭代器（Iterator、迭代过程、可迭代数据类型、可迭代数据结构、定义可迭代对象）

Iterator Iterator 是 ES6 引入的一种新的遍历机制，迭代器有两个核心概念：迭代器是一个统一的接口，它的作用是使各种数据结构可被便捷的访问，它

叁歲伎倆/ 2021年08月13日 20:14/ 0 赞/ 676 阅读

相关 es6 iterator迭代器底层代码实现

ES6 Symbol-iterator接口机制 1、为各种数据结构，提供一个统一的访问接口 2、使得数据结构的成员能够按某种次序排列

深藏阁楼爱情的钟/ 2021年07月24日 13:19/ 0 赞/ 397 阅读