es6-Iterator和for...of循环-知识梳理

最新推荐文章于 2022-10-20 16:24:03 发布
最新推荐文章于 2022-10-20 16:24:03 发布
阅读量166 收藏
点赞数 1
分类专栏： ES6 JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wsymcxy/article/details/97789977
版权

Iterator是一种机制，它是一种接口，为各种的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作。

当使用for...of循环遍历某种数据结构时，该循环会自动寻找Iterator接口。

原生具备Iterator的接口

Array Map Set String TypedArray  函数的arguments对象  NodeList对象

对于普通的对象，for...of结构不能直接使用，会报错。必须部署了Iterator接口后才能使用。

javascript原有的for...in循环只能获得对象的键名，不能直接获取键值。

 

 

 

 

Alisane
关注
专栏目录
ES6 Iterator 和 for...of 循环
小陈的博客
10-19 147
本质上，遍历器是一种线性处理，对于任何非线性的数据结构，部署遍历器接口，就等于部署一种线性转换。不过，严格地说，对象部署遍历器接口并不是很必要，因为这时对象实际上被当作 Map 结构使用，ES5 没有 Map 结构，而 ES6 原生提供了。实际上，这提供了一种简便机制，可以将任何部署了 Iterator 接口的数据结构，转为数组。这样就有了四种数据集合，用户还可以组合使用它们，定义自己的数据结构，比如数组的成员是。Iterator 接口的目的，就是为所有数据结构，提供了一种统一的访问机制，即。
关于ES6中for...of和for..in得问题
qq_41898300的博客
08-04 534
整理了一下关于ES6中for…in和for…of得笔记 for…in…循环读取键名，for…of…循环读取键值。 如果要通过for…of…循环，获取数组索引，可以借助数据实例的entries方法和keys方法。 set 、map也可使用for…of…循环。 首先，遍历的顺序是按照各个成员被添加进数据结构的顺序。其次，Set 结构遍历时，返回的是一个值，而 **Map 结构遍历时，返回的是一个数组，**该数组的两个成员分别为当前 Map 成员的键名和键值。 计算生成的数据结构： ES6 的数组、Set、Map
es6 javascript的Iterator 和 for...of 循环
现在学习也不晚
12-05 9244
1 Iterator（ 遍历器） 的概念JavaScript 原有的表示“ 集合” 的数据结构， 主要是数组（ Array） 和对象（ Object）， ES6 又添加了 Map 和 Set。 这样就有了四种数据集合， 用户还可以组合使用它们， 定义自己的数据结构， 比如数组的成员是 Map， Map 的成员是对象。 这样就需要一种统一的接口机制， 来处理所有不同的数据结构。遍历器（ Iterat...
ES6学习笔记之Iterator和for...of循环
皖林的博客
02-22 1667
原文地址：http://es6.ruanyifeng.com/#docs/iteratorIterator（遍历器）的概念JavaScript原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6又添加了Map和Set。这样就有了四种数据集合，用户还可以组合使用它们，定义自己的数据结构，比如数组的成员是Map，Map的成员是对象。这样就需要一种统一的接口机制，来处理所有
ES6新增for of方法和for in方法有哪些区别和不同点，两者的应用场景有什么不同，循环机制有什么不同!
海贼王某人的博客
06-05 427
要了解两者的不同还是用实例来说明吧，从最常用的两个遍历场景数组和对象来说吧： 遍历数组： var arr = ['a', 'b', 'c', 'd']; for (let a in arr) { console.log(a); // 0 1 2 3 } for (let a of arr) { console.log(a); // a b c d } 从上面的结果可以看出，for in 遍历的是数组的key值，就是下标，而for of却遍历的是value值，就是数据本身，遍历数组的话，for
Es6的Iterator 和 for...of 循环解析
军火库
10-20 84
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
ES6知识点整理之----Iterator（遍历器）----for...of循环
ap1005233的博客
09-20 128
一个数据结构只要部署了Symbol.iterator属性，就被视为具有 iterator 接口，就可以用for...of循环遍历它的成员。 for...of循环内部调用的是数据结构的Symbol.iterator方法。 for...of循环可以使用的范围： 数组 Set、Map结构 某些类似数组的对象（比如arguments对象、DOM NodeList 对象） Gene...
ES6 新特性梳理系列丨Iterator 和 for...of 循环
HFunTeam的博客
04-13 166
ES6 新特性梳理系列文章将在本号持续发布，一起查漏补缺学个痛快！若您有遇到其它相关问题，非常欢迎在评论中留言讨论，达到帮助更多人的目的。若感本文对您有所帮助请点个赞吧！JavaScrip...
关于阅读 ES6- Iterator 整理的问题
千里之行，始于足下！
05-12 227
1、JavaScript有几种数据集合 答：四种，分别是 Array Object Map Set 2、遍历器（iterator）是什么 答：① 是一种机制也是一种接口，为不同的数据结构提供统一的访问机制 ② 如果数据集合具有iterator接口就可以完成遍历操作，且称这种数据结构是可遍历的 3、遍历器（iterator）的作用有哪些 答：① 为各种数据集合提供了统一的访问接口 ② 使得数据结构中的成员能按某种次序排列 ③ ES6创建了新的遍历命令 for…of，iterator遍历器主要供for
vue面试题、react面试题大全、ES6等....
sdh19981202的博客
10-09 4883
自己整理的一些面试题： 1、promise是用来做什么的？ 答：它是一个对象，用来传递异步操作的信息。 2、promise三个状态？ Pending：进行中，Resolved：已完成，Reject：已失败 3、promise优缺点？ 优点：可以通过.then解决回调地狱的问题，通过try-catch解决问题捕获 数组去重的常用方法 1.es6的set方法 var arr = [1,1,8,8,12,12,15,15,16,16]; function unique (arr) { retu
ES6常用技术点思维导图
05-21
【任何部署了 Iterator 接口的对象，都可以用for...of循环遍历。Map 结构原生支持 Iterator 接口，配合变量的解构赋值，获取键名和键值就非常方便 const map = new Map(); map.set('first', 'hello'); map.set('...
ES6面试题整理
touzhu11的博客
09-17 710
ES6面试题整理
权限系统reademe.md文档---待整理
77今天也学习了的博客
11-05 1614
1,网页布局:使用ElementUI插件: 安装elementui npm/cnpm i element-ui -S/–save; 在main.js程序入口文件中完整引入elementui: import ElementUI from ‘element-ui’; import ‘element-ui/lib/theme-chalk/index.css’; 使用它: Vue.use(ElementUI) 将登录页面写过来:点击登录，请求数据，处理数据,获取到token，有token，进入首页 使用axios
浅谈对原型及原型链的理解
热门推荐
Alisane的博客
08-15 1万+
在开篇我先总结一下原型的作用： 1.数据共享 节约内存内存空间 2.实现继承 注意：函数也是一个对象，对象不一定是函数。(对象有__proto__属性，函数有prototype属性)此处说明，方便大家理解下文。 下面我将举例说明为什么要使用原型 例1： function Person(name) { this.name=name; this.eat=function () { ...
理解JavaScript的编译过程与运行机制
Alisane的博客
08-04 9421
JavaScript引擎，不是逐条解释执行javaScript代码，而是按照代码块一段段解释执行。所谓代码块就是使用<script>标签分隔的代码段。 一、编译阶段 对于常见编译型语言（例如：Java）来说，编译步骤分为：词法分析->语法分析->语义检查->代码优化和字节生成。 对于解释型语言（例如JavaScript）来说，通过词法分析和语法分析得到语法树后...
扫描二维码获取到参数跳转展示相应页面
Alisane的博客
06-21 8014
二维码就相当于一个地址url //从地址获取参数 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r !=...
h5实现上下滑动切页
Alisane的博客
09-25 4872
安卓系统下正常使用，ios系统下无法滑动切页，那位大神可以找到问题，多谢大佬 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...
Web前端主流模块化框架的区别
Alisane的博客
08-29 3082
主流模块化框架 commonJS AMD(Asynchronous Module Definition) CMD(Common Module Definition) UMD(Universal Module Definition) ES6规范 commonJS commonJS模块化 定义模块：即一个单独的文件就是一个模块，切该文件中的作用域独立，当中的变量是...
js字符串中间部分字符替换
Alisane的博客
07-06 2911
身份证号或者手机号等等字符串想实现替换中间几位字符串 function replacepos(text,start,stop,replacetext){ let mystr = text.substr(0,start-1)+replacetext+text.substr(stop+1); return mystr; }, replacepos('测试文字csdn', 2, 4, "**") // 测试**csdn ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值