ES6——Iterator(遍历器)
来源:互联网 发布:java小球下落 编辑:程序博客网 时间:2024/06/05 16:27
概念
遍历器(Iterator)是一种接口,为各种不同的数据结构提供统一的访问机制。
任何数据结构只要部署Iterator接口,就可以完成遍历操作。
遍历过程:
(1)创建一个指针对象,指向当前数据结构的起始位置。也就是说,遍历器对象本质上,就是一个指针对象。
(2)第一次调用指针对象的next方法,可以将指针指向数据结构的第一个成员。
(3)第二次调用指针对象的next方法,指针就指向数据结构的第二个成员。
(4)不断调用指针对象的next方法,直到它指向数据结构的结束位置。
使用
1)原生具备Iterator接口的数据结构
数组、类数组对象、Set和Map结构
这些数据结构,不用做任何处理,就可以被for…of循环遍历。
使用方法
1) 实例化对象 调用[Symbol.iterator]()接口 2)实例化对象拥有了next方法 3)不断调用next方法,获取下一位成员 或 2)使用for of遍历成员
返回值
对象,包含value值,以及一个done属性。
成员还没有遍历完,done就会返回false。
实例
let arr = ['hello','world'];//创建实例对象,调用[Symbol.iterator]()接口let map = arr[Symbol.iterator]();//不断调用next方法,获取下一位成员console.log(map.next());console.log(map.next());console.log(map.next());//或者使用for of遍历let arr = ['hello','world'];for(let key of arr){ console.log(key); //hello world}
没有原生Iterator接口的
使用方法
1)创建Symbol.iterator接口
[Symbol.iterator](){ 逻辑代码 返回一个对象}这个对象有next()方法。next方法(自定义返回值)
2)使用 for of遍历
实例
依次遍历start、end里的数
let obj = { start:[1,3,2], end:[7,9,8], //注意这里 //创建接口,建立逻辑 [Symbol.iterator](){ let self = this; let index = 0; //使用了数组的concat方法,拼接一个新数组 let arr = self.start.concat(self.end); let len = arr.length; //返回一个对象 return { //使用next()方法 next(){ if(index<len){ return { value: arr[index++], done: false } } else{ return{ value: arr[index++], done: true } } } } } } //使用for of循环遍历成员 for(let key of obj){ console.log(key); // 1 3 2 7 9 8 }
文章撰写时参考了以下资料,内容版权归原作者所有,仅作参考引用之途。
http://www.cnblogs.com/sker/p/5520518.html
阅读全文
0 0
- ES6——Iterator(遍历器)
- Iterator(遍历器) ES6
- ES6 Iterator遍历器
- 探索ES6 Iterator(遍历器)
- 13、ES6 Iterator(遍历器)的概念
- 【ES6学习】— (7)Set、Map数据结构与Iterator遍历器
- ES6 -- 遍历器Iterator和for...of
- ES6 —(Iterator 和 for...of)
- ES6(二) Iterator(遍历器)和for-of循环
- es6 iterator(十四)
- ES6-Iterator与for..of..遍历
- ES6入门——Iterator和for...of循环
- 5、Iterator和for...of循环—ES6学习笔记
- es6 itaertor遍历器
- ES6学习9(Iterator&for...of)
- ES6 —(Promise)
- ES6学习——新的语法:Symbols——Symbol.iterator
- 【ES6】Iterator和Generator
- Java IO流
- VS发布网站时,报错提示:“未能将文件xxx复制到xxx,未能找到文件xx”三种解决方案!
- 太上感应篇0023
- 欢迎使用CSDN-markdown编辑器
- Windows10下配置虚拟机Virtual Box安装CentOS(Linux)详细教程
- ES6——Iterator(遍历器)
- Android事件处理之View$dispatchTouchEvent(ev)
- hdu 1285 确定比赛名次(拓扑排序)
- Service面试题目整理
- 百度2017年计算机视觉笔试题
- 观察者模式
- [HDU](1241)Oil Deposits ---dfs
- cout的输出流顺序
- 稀疏表示