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

最新推荐文章于 2020-07-06 11:03:57 发布
最新推荐文章于 2020-07-06 11:03:57 发布
阅读量140 收藏
点赞数 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
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6 Iterator 和 for...of 循环
小陈的博客
10-19 121
本质上，遍历器是一种线性处理，对于任何非线性的数据结构，部署遍历器接口，就等于部署一种线性转换。不过，严格地说，对象部署遍历器接口并不是很必要，因为这时对象实际上被当作 Map 结构使用，ES5 没有 Map 结构，而 ES6 原生提供了。实际上，这提供了一种简便机制，可以将任何部署了 Iterator 接口的数据结构，转为数组。这样就有了四种数据集合，用户还可以组合使用它们，定义自己的数据结构，比如数组的成员是。Iterator 接口的目的，就是为所有数据结构，提供了一种统一的访问机制，即。
h5实现上下滑动切页
Alisane的博客
09-25 4795
安卓系统下正常使用，ios系统下无法滑动切页，那位大神可以找到问题，多谢大佬 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...
ES6新增for of方法和for in方法有哪些区别和不同点，两者的应用场景有什么不同，循环机制有什么不同!
海贼王某人的博客
06-05 392
要了解两者的不同还是用实例来说明吧，从最常用的两个遍历场景数组和对象来说吧： 遍历数组： 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循环
皖林的博客
02-22 1636
原文地址：http://es6.ruanyifeng.com/#docs/iteratorIterator（遍历器）的概念JavaScript原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6又添加了Map和Set。这样就有了四种数据集合，用户还可以组合使用它们，定义自己的数据结构，比如数组的成员是Map，Map的成员是对象。这样就需要一种统一的接口机制，来处理所有
es6 javascript的Iterator 和 for...of 循环
现在学习也不晚
12-05 9138
1 Iterator（ 遍历器） 的概念JavaScript 原有的表示“ 集合” 的数据结构， 主要是数组（ Array） 和对象（ Object）， ES6 又添加了 Map 和 Set。 这样就有了四种数据集合， 用户还可以组合使用它们， 定义自己的数据结构， 比如数组的成员是 Map， Map 的成员是对象。 这样就需要一种统一的接口机制， 来处理所有不同的数据结构。遍历器（ Iterat...
ES6 Iterator接口和for...of循环用法分析
10-16
主要介绍了ES6 Iterator接口和for...of循环用法,结合实例形式分析了Iterator接口和for...of循环相关使用技巧,需要的朋友可以参考下
es6-promise.auto.js
10-31
<!-- Automatically provides/replaces `Promise` if missing or broken. --> [removed][removed] ...-- Minified version of `es6-promise-auto` below. --> [removed][removed] [removed][removed]
ES6中Iterator与for..of..遍历用法分析
08-30
主要介绍了ES6中Iterator与for..of..遍历用法,结合实例形式分析了ES6中Iterator的概念、用法及for..of..遍历的使用技巧,需要的朋友可以参考下
es6-promise.auto.min.js
05-17
es6-promise.auto.min.js
浅谈对原型及原型链的理解
热门推荐
Alisane的博客
08-15 1万+
在开篇我先总结一下原型的作用： 1.数据共享 节约内存内存空间 2.实现继承 注意：函数也是一个对象，对象不一定是函数。(对象有__proto__属性，函数有prototype属性)此处说明，方便大家理解下文。 下面我将举例说明为什么要使用原型 例1： function Person(name) { this.name=name; this.eat=function () { ...
理解JavaScript的编译过程与运行机制
Alisane的博客
08-04 9253
JavaScript引擎，不是逐条解释执行javaScript代码，而是按照代码块一段段解释执行。所谓代码块就是使用<script>标签分隔的代码段。 一、编译阶段 对于常见编译型语言（例如：Java）来说，编译步骤分为：词法分析->语法分析->语义检查->代码优化和字节生成。 对于解释型语言（例如JavaScript）来说，通过词法分析和语法分析得到语法树后...
扫描二维码获取到参数跳转展示相应页面
Alisane的博客
06-21 7962
二维码就相当于一个地址url //从地址获取参数 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r !=...
Web前端主流模块化框架的区别
Alisane的博客
08-29 3045
主流模块化框架 commonJS AMD(Asynchronous Module Definition) CMD(Common Module Definition) UMD(Universal Module Definition) ES6规范 commonJS commonJS模块化 定义模块：即一个单独的文件就是一个模块，切该文件中的作用域独立，当中的变量是...
js字符串中间部分字符替换
Alisane的博客
07-06 2819
身份证号或者手机号等等字符串想实现替换中间几位字符串 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 ...
H5+flex实现tab吸顶
Alisane的博客
08-30 2637
实现tab吸顶的基本思路：先获取到你想要置顶组件的位置，然后获取鼠标滚动过的距离，两者进行比较，设置对应的样式即可。 html代码： &lt;div class="content"&gt; &lt;header&gt;header&lt;/header&gt; &lt;nav id="nav"&gt; &lt;ul&gt; &a
vue中web端样式兼容移动端样式
Alisane的博客
02-28 1594
&lt;div :class="{articleDetails:true, phoneWidth:phoneW}"&gt;&lt;/div&gt; if(window.matchMedia("(max-width:767px)").matches){ this.phoneW = true; } .phoneWidth{ width: 10...
ios键盘唤起，键盘收起以后页面不归位问题解决
Alisane的博客
09-19 1315
var u = navigator.userAgent; var flag; var myFunction; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if (isIOS) { document.body.addEventListener('focusin', func...
jquery实现事件代理
Alisane的博客
02-22 1126
$('.parent').on('click','.child',function () { $(".parent").hide(); }) 事件代理利用了事件冒泡的原理，通过在父级元素绑定handler来监听子元素上触发的事件，从而减少了事件绑定的次数，也能够为动态添加的元素绑定事件。父级元素是dom结构中确定存在的，若在该父级元素下找不到子元素，则不执行该事...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值