广告
返回顶部
首页 > 资讯 > 前端开发 > html >js中Iterator是什么
  • 145
分享到

js中Iterator是什么

2024-04-02 19:04:59 145人浏览 八月长安
摘要

这篇文章将为大家详细讲解有关js中Iterator是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Iterator是什么,有什么作用?Iterator是理解第61条的

这篇文章将为大家详细讲解有关js中Iterator是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

Iterator是什么,有什么作用?

Iterator是理解第61条的先决知识,也许是我IQ不够Iterator和Generator看了很多遍还是一知半解,即使当时理解了,过一阵又忘得一干二净。。。

Iterator(迭代器)是一种接口,也可以说是一种规范。为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。

Iterator语法:

const obj = {
    [Symbol.iterator]:function(){}}

[Symbol.iterator]属性名是固定的写法,只要拥有了该属性的对象,就能够用迭代器的方式进行遍历。

迭代器的遍历方法是首先获得一个迭代器的指针,初始时该指针指向第一条数据之前,接着通过调用 next 方法,改变指针的指向,让其指向下一条数据 每一次的 next 都会返回一个对象,该对象有两个属性

  • value 代表想要获取的数据

  • done 布尔值,false表示当前指针指向的数据有值,true表示遍历已经结束

Iterator 的作用有三个:

  1. 为各种数据结构,提供一个统一的、简便的访问接口;

  2. 使得数据结构的成员能够按某种次序排列;

  3. es6 创造了一种新的遍历命令for…of循环,Iterator 接口主要供for…of消费。

遍历过程:

  1. 创建一个指针对象,指向当前数据结构的起始位置。也就是说,遍历器对象本质上,就是一个指针对象。

  2. 第一次调用指针对象的next方法,可以将指针指向数据结构的第一个成员。

  3. 第二次调用指针对象的next方法,指针就指向数据结构的第二个成员。

  4. 不断调用指针对象的next方法,直到它指向数据结构的结束位置。

每一次调用next方法,都会返回数据结构的当前成员的信息。具体来说,就是返回一个包含value和done两个属性的对象。其中,value属性是当前成员的值,done属性是一个布尔值,表示遍历是否结束。

let arr = [{num:1},2,3]let it = arr[Symbol.iterator]() 
// 获取数组中的迭代器console.log(it.next()) 	
// { value: Object { num: 1 }, done: false }console.log(it.next()) 
	// { value: 2, done: false }console.log(it.next()) 
		// { value: 3, done: false }console.log(it.next())
		 	// { value: undefined, done: true }

关于“js中Iterator是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: js中Iterator是什么

本文链接: https://www.lsjlt.com/news/96197.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • js中Iterator是什么
    这篇文章将为大家详细讲解有关js中Iterator是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。Iterator是什么,有什么作用?Iterator是理解第61条的...
    99+
    2022-10-19
  • python中的iterator和"lazy iterator"区别是什么
    这篇文章主要介绍了python中的iterator和"lazy iterator"区别是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇python中的iterator和&quo...
    99+
    2023-07-05
  • Java中Iterator与ListIterator迭代的区别是什么
    Java中Iterator与ListIterator迭代的区别是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。迭代的时候可以修改数据吗答,Iterator迭代的时候可以...
    99+
    2023-06-20
  • php迭代器iterator的作用是什么
    这篇文章主要介绍“php迭代器iterator的作用是什么”,在日常操作中,相信很多人在php迭代器iterator的作用是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”php迭代器iterator的作用...
    99+
    2023-06-20
  • java迭代器iterator指的是什么意思
    这篇文章给大家分享的是有关java迭代器iterator指的是什么意思的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Java有哪些集合类Java中的集合主要分为四类:1、List列表:有序的,可重复的;2、Que...
    99+
    2023-06-14
  • js中什么是类
    小编给大家分享一下js中什么是类,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!什么是类?类(class)是在 JS 中编写构造函...
    99+
    2022-10-19
  • js中Promise是什么
    这篇文章主要为大家展示了“js中Promise是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js中Promise是什么”这篇文章吧。Promise是什么,...
    99+
    2022-10-19
  • js中的MVC是什么
    本篇内容主要讲解“js中的MVC是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js中的MVC是什么”吧!MVC是什么?MVC是一种架构模式,它将应用抽象为...
    99+
    2022-10-19
  • js中什么是同步
    本篇内容主要讲解“js中什么是同步”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js中什么是同步”吧!如果调用者在函数返回时能够获得预期结果(即获得预期返回值或看到预期效果),则该函数同步。如果...
    99+
    2023-06-25
  • html中js指的是什么
    这篇文章将为大家详细讲解有关html中js指的是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 在html中,js全称JavaScript...
    99+
    2022-10-19
  • js中什么是Set对象
    这篇文章将为大家详细讲解有关js中什么是Set对象,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。什么是Set对象,它是如何工作的?Set 对象允许你存储任何类型的唯一值,...
    99+
    2022-10-19
  • Iterator与Enumeration接口有什么不同
    Iterator与Enumeration接口有什么不同?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。如下所示:package java.util;pu...
    99+
    2023-05-31
    enumeration rat iterator
  • JS中prototype.js的作用是什么
    prototype.js是一个JavaScript库,其作用是为JavaScript提供一些缺失的功能和方法。它主要用于简化Java...
    99+
    2023-09-15
    JS
  • js中setinterval的用法是什么
    setInterval是JavaScript中的一个内置方法,用于按照指定的时间间隔重复执行指定的函数或代码块。setInterva...
    99+
    2023-10-08
    js
  • JS中console.log的用法是什么
    console.log()是JavaScript中用于在控制台输出信息的方法。它接受一个或多个参数,并将它们打印到浏览器的控制台中。...
    99+
    2023-09-12
    JS
  • js中document.all的用法是什么
    在JavaScript中,`document.all`是一个表示文档中所有元素的集合的特殊对象。它返回一个类似数组的对象,其中包含文...
    99+
    2023-09-21
    js
  • js中event.srcElement的作用是什么
    在Javascript中,event.srcElement是一个只读属性,用于返回触发事件的元素(即事件的目标)。它主要用于处理事件...
    99+
    2023-09-22
    js
  • js中dialog的用法是什么
    在JavaScript中,dialog用于显示一个对话框,与用户进行交互或显示一些信息。它提供了一种简单的方式来展示模态对话框,以便...
    99+
    2023-09-17
    js
  • js中prototype的作用是什么
    在JavaScript中,prototype是一个对象,它包含了共享给所有实例对象的属性和方法。每个JavaScript对象都有一个...
    99+
    2023-08-18
    js prototype
  • js中offsetParent的作用是什么
    在JavaScript中,offsetParent属性用于获取一个元素的最近的“定位(positioned)”祖先元素。定位元素是使...
    99+
    2023-09-29
    js
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作