javascript实现Iterator

最新推荐文章于 2024-03-19 14:45:47 发布
最新推荐文章于 2024-03-19 14:45:47 发布
阅读量128 收藏
点赞数
分类专栏： javascript 文章标签： JavaScript prototype HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_14928/article/details/81651679
版权 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
	//Iterator 迭代器原型
	function Iterator(){}
	Iterator.prototype.next = null;
	Iterator.prototype.hasNext = null;
	Iterator.prototype.toArray = function(){
		var _set = [this.next()];
		while(this.hasNext())
		{
			_set.push(this.next());
		}
		return _set;
	}	

	Array.prototype.iterator = function() {
		var _it = new Iterator();
		var _cursor = 0;
		var _arr = this;
		_it.next = function(){
			return _arr[_cursor++];
		}
		_it.hasNext = function(){
			return _cursor <= _arr.length - 1;
		}
		return _it;
	}
	//于是我们可以用迭代器遍历数组了，就象下面这样：
	var arr = [1,2,3,4];
	var it = arr.iterator();
	//alert(it.toArray());
	while(it.hasNext())
	{
		alert(it.next());
	}
  </script>
 </HEAD>
 <BODY>
  
 </BODY>
</HTML>
 
iteye_14928
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深入解读JavaScript中的Iterator和for-of循环
10-23
主要介绍了JavaScript中的Iterator和for-of循环,是JS入门学习中的基础知识,需要的朋友可以参考下
JavaScript实现Iterator模式实例分析
10-24
通过以上分析可知，JavaScript实现Iterator模式的能力是其语言灵活性的体现，通过简单的封装，即可为各种容器提供迭代能力。这种模式的实现不仅能够提高代码的重用性，同时也有利于提高代码的可读性和可维护性。在...
JavaScript的Iterator认识
白菜的博客
05-08 137
遍历器（Iterator） 遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。 Iterator 的作用有三个： 为各种数据结构，提供一个统一的、简便的访问接口； 使得数据结构的成员能够按某种次序排列； ES6创造了一种新的遍历命令for…of循环，Iterator接口主要供for…of消费。 遍历过程： 创建一个指针对象，指向当前数据结构的起始位置。也就是说
JavaScript的迭代器（iterator）与可迭代对象（iterable）
qq_53432433的博客
08-21 756
深入了解JavaScript中的迭代器以及可迭代对象的原理，以及如何手写迭代器，如何将一个不可迭代的对象变为可迭代等等
JavaScript基础：Iterator概念及用法
imagine_tion的博客
01-25 3928
一、由来及意义 Javascript中表示“集合”的数据结构，主要是 Array、Object、Map、Set 这四种数据集合，除此之外，它们相互之间还可以组合使用，例如Array的成员是Map，Map的成员是Object等。因此Javascript的需要一种统一的接口机制，来处理所有不同的数据结构。 遍历器（Iterator）就是这样一种机制。它是一种接口，可以为各种不同的数据结构提供一种访问机制（访问接口），任何数据结构部署Iterator接口，就可以完成该数据解构成员的遍历操作（Iterator 接.
JavaScript之迭代器Iterator
weixin_63712639的博客
09-02 281
JavaScript之迭代器Iterator
JavaScript设计模型Iterator实例解析
10-15
JavaScript中的Iterator设计模型是一种用于遍历集合对象的接口，它为不同的数据结构提供了一种统一的访问机制。在JavaScript中，Iterator模式的核心在于`hasNext()`和`next()`两个方法，前者用来判断是否还有下一个...
小议JavaScript中Generator和Iterator的使用
10-23
生成器本身可以实现Iterator接口。生成器的每次next()调用，实际上返回的就是IteratorResult对象。这意味着你可以将生成器直接用在for...of循环中，或者用在展开操作符（...）等需要遵循迭代协议的地方。 Iterator ...
javascript实现yield的方法
10-26
标题中提到的知识点为JavaScript中实现yield的方法。yield关键字在JavaScript中通常用于生成器函数中，以便函数能够在执行过程中暂停和恢复。由于JavaScript在早期版本中并不直接支持yield，因此需要其他方法来模拟...
JavaScript中 Iterator 是什么
小帅的编程笔记
10-11 640
今天我们来学习JavaScript中的Iterator（迭代器），它是个什么东西？能干什么事情？ for循环的问题 假设我们有一个数组，需要使用数组中的每一个元素，我们就需要写个for循环，像下面这样 let ranks = ['A', 'B', 'C']; for (let i = 0; i < ranks.length; i++) { console.log(ranks[i]); } 使用for循环要先定义个变量i来作为数组的索引，只要i不超过数组元素的数量，每次i都会自增。 这段代码
JavaScript（第6课）：数据类型--（iterator）
weixin_43432438的博客
05-05 134
JavaScript（第6课）：数据类型--（iterator）
JavaScript给对象部署Iterator接口实现for-of
JackieDYH的博客
05-08 665
for...of... 底层是 Symbol.iterator接口 自己获取Symbol.iterator接口的遍历器 对象, 自己来实现遍历的过程 此对象拥有Symbol.iterator, 就能用for...of遍历 let arr = [5, 9, 20, "我的"]; 1. 获取遍历器对象(遍历用的指针) let iter = arr[Symbol.iterator](); con...
【JavaScript】Iterator 迭代器
Superman_H的博客
09-05 146
Iterator 迭代器：迭代器是一种接口；其本质就是一个指针对象 Iterator 的作用： 为各种数据结构，提供一个统一的、简便的访问接口 使得数据结构的成员能够按某种次序排列 主要供 for...of 使用 逻辑过程： 创建一个指针对象，指向当前数据结构的起始位置 第 1 次调用指针对象的 next()，指针就指向数据结构的第 1 个元素 第 2 次调用指针对象的 next()，指针就指向数据结构的第 2 个成员 不断调用指针对象的 next()，直到它指向数据结构的结束位置 封装迭
JavaScript杂谈之iterator for循环
allenliu6的博客
02-27 1257
iterator为了给表示集合的数据结构如数组、对象、set、map等定义一个统一的接口，方便进行统一的遍历,ES6新增了一种遍历器机制即iterator。其作用有三个，提供统一便利的访问接口，是数据结构成员按照一定次序排列，供for of使用遍历。
JS的迭代器Iterator
weixin_50975172的博客
06-06 558
JS的迭代器Iterator
JavaScript Iterator和for...of循环(一)
QDzzzhy
03-22 232
Iterator(遍历器) 概念 JavaScript原有的表示"集合"的数据结构,主要是数组和对象,ES6又添加了Map和Set.用户可以组合使用它们,定义自己的数据结构.这样就需要统一的接口机制处理所有不同的数据结构.Iterator就是这样一种机制,它是一种接口,为各种不同的数据结构提供统一的访问机制.任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有...
《现代Javascript高级教程》Iterator 迭代器：简化集合遍历的利器
linwu的博客
07-04 1062
除了使用内置数据结构提供的迭代器之外，我们还可以自定义迭代器来遍历自定义数据结构。要实现一个自定义迭代器，我们需要定义一个具有next方法的对象，并且该对象的next方法需要返回一个包含value和done属性的对象。} , };在上面的示例中，我们定义了一个自定义数据结构myIterable，它包含一个数组data和一个自定义的迭代器对象。迭代器对象的next方法会依次返回数组中的元素，并在遍历结束时返回。
JS中的迭代器(iterator)和生成器(generator)
weixin_44416058的博客
02-20 5046
迭代器 迭代器是一个对象，是确使用户可在容器对象（container，例如链表或数组）上遍访的对象，使用该接口无需关心对象的内部实现细节。 next方法有如下的要求： 一个无参数或者一个参数的函数，返回一个应当拥有以下两个属性的对象： done（boolean） ü 如果迭代器可以产生序列中的下一个值，则为 false。（这等价于没有指定 done 这个属性。）如果迭代器已将序列迭代完毕，则为 true。这种情况下，value 是可选的，如果它依然存在，即为迭代结束之后的默认返回值。 value 迭代器返
JavaScript高级（十六）---Iterator迭代器/Generator生成器
最新发布
Coder-coco的博客
03-19 651
迭代器是一种特殊的对象，这个对象需要符合迭代协议（iterator protocol），这个对象具有以下特点。该对象有一个特定的next方法next() {next() {例如：创建一个迭代器对象来访问数组next方法形参是一个无参数或者有一个参数的函数，返回一个应当拥有以下两个属性的对象如果迭代器可以产生序列中的下一个值，则为 false。如果迭代器已将序列迭代完毕，则为 true。这种情况下，value 是可选的，如果它依然存在，即为迭代结束之后的默认返回值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值