Iterator、for..of,for...in和自定义遍历器**
Iterator、for..of,for...in和自定义遍历器
- Iterator:
var arr = [1,2,3,4,5];
var ite = arr[Symbol.iterator]();
console.log(ite.next());
console.log(ite.next());
console.log(ite.next());
console.log(ite.next());
console.log(ite.next());
console.log(ite.next());
//依次打印:Object {value: 1, done: false};
Object {value: 2, done: false};
Object {value: 3, done: false};
Object {value: 4, done: false};
Object {value: 5, done: false};
Object {value: undefined, done: true}.
注释:1.Iterator就是一个指针;
2.指针默认在-1的位置;
3.没有遍历完的时候done的值是false,遍历完了就是true;
4.意义:提高具有遍历接口数据的效率;
5.特点:它用来访问具有遍历接口数据,有一个next方法(指针).
- for..of,for...in:
普通数组遍历:
let arr = [1,2,3,4,5];
for(let item of arr){
console.log(item);
}
//输出:1 2 3 4 5。
迭代器遍历:
let iterator = arr[Symbol.iterator]();
let result = iterator.next();
while(!result.done){
console.log(result.value);
result=iterator.next();
}
//输出 1 2 3 4 5。
数组 Set Map
var s = new Set([1,2,3]);
console.log(s);//打印:Set(3) {1, 2, 3};
var itera = s[Symbol.iterator]();
console.log(itera.next());//打印:Object {value: 1, done: false};
var m = new Map([["age",21],["sex","男"]]);
m.set("name","曹伟");
console.log(m);//打印:Map(3) {"age" => 21, "sex" => "男", "name" => "曹伟"};
var i = m[Symbol.iterator]();
console.log(i.next());//打印:Object {value: Array(2), done: false};
let obj = {x:1,y:2,z:3};
let arr = ['a','b','c'];
for(let key in obj){
console.log(key);//打印:x y z;
console.log(obj[key]);//打印:x 1 y 1 z 1;
}
for(let key in arr){
console.log(key);//打印:x y z;
console.log(arr[key]);//打印:x 1 y 1 z 1;
}
注释:1.遍历对象用forin,遍历数组,Map,Set,类数组用for of。
2.for in可以遍历对象,也可以遍历数组.
- 自定义遍历器:
var arr = [1,2,3,4,5];
function Iterator(arr){
let i = -1; //遍历器默认指在-1的位置;
function next(){ //返回一个方法;
i++; //当next的时候,i向后移;
let value; //声明一个空的变量;
let done = flase; //done的默认值是没有遍历完成;
if(i == arr.length){ //如果i等于数组的长度的时候,i就溢出了,所以value的值是undefined,done的值是true;
value = undefined;
done = true;
}else{ //否则value的值就等于数组中的值;
value=arr[i];
}
return {value:value,done:done}; //返回两个值,一个值是value,另一个值是done;
}
return {next:next}; //返回next方法;
}
var ite = arr[Symbol.iterator]();
console.log(ite.next());
console.log(ite.next());
console.log(ite.next());
console.log(ite.next());
console.log(ite.next());
console.log(ite.next());
依次打印:Object {value: 1, done: false};
Object {value: 2, done: false};
Object {value: 3, done: false};
Object {value: 4, done: false};
Object {value: 5, done: false};
Object {value: undefined, done: true}.
Iterator、for..of,for...in和自定义遍历器**的更多相关文章
- 【前端】【javascript】es6中的遍历器接口Iterator
好久没发文章啦-.-为了证明我还活着,我决定从笔记里面抓一篇还算不乱比较像文章的发出来... 这些笔记是我在学es6的时候断断续续记录的,最近会一份一份整理陆陆续续发出来,顺便也自己再看一遍.我学习e ...
- Iterator(遍历器) 和 for...of 循环
是generator的前置知识 generator :https://www.cnblogs.com/wangtong111/p/11322961.html 遍历器(Iterator)就是这样一种机制 ...
- c++ 为自定义类添加stl遍历器风格的遍历方式
为仿照stl的遍历风格,实现对自定义类型的遍历. 1. 需要遍历的基础结构: struct ConnectionPtr { int id_; int port_; string addr_; //st ...
- php 对象的自定义遍历
php对象的自定义遍历 对手册中的案例进行分析 更好的理解foreach() 的遍历步骤 class myIterator implements Iterator { private $positio ...
- ES6的 Iterator 遍历器到底是什么?
这节课要讲的是ES6中的Iterator. for...of为啥不遍历Object对象 第十三节我们讲了简单又实用的for...of,我们可以使用它来遍历数组,字符串,Set和Map结构,但是有没有发 ...
- Iterator遍历器 调用Symbol.Iterator属性,遍历器对象。
Iterator实现原理 创建一个指针对象,指向当前数据结构的起始位置.也就是说,遍历器对象本质上,就是一个指针对象. 第一次调用指针对象的next方法,可以将指针指向数据结构的第一个成员. 第二次调 ...
- ES6的Iterator遍历器
JS表示集合的对象主要有Array.Set.Object.Map,在以前,遍历它们需要使用2种不同的方法,而现在,JS提出了Iterator机制,可以给不同的数据结构提供统一的遍历方法,就是for…o ...
- Java SE之For增强与Iterator遍历器提取数据(附Map.Entry)
增强for循环: 1.操作数组 2.操作List集合 3.操作Map集合 1.map.values()法 2.map.keySet()法 [传统方法] 3.Map.Entry法 ...
- C++泛型编程(1)--自己实现C++迭代器/遍历器 iterator
1.原理 迭代器又称为遍历器,用于访问容器中的数据,迭代器旨在算法和容器之间搭建访问的桥梁,从而使算法和数据分离,不用关心数据具体的存储细节.具体的原理描述请参考以下两个博客: [1].C++迭代器 ...
随机推荐
- 写markdown博客如何截图并快速上传到图床——记一个工具插件的实现
1. 背景 写博客有一个自己的图床是不错的选择,如果不借助工具,在markdown博客中添加图片的步骤如下: 截取图片,保存到本地(得来回点对话框,选择保存路径,选择文件类型,输入文件名). 上传到图 ...
- Android学习探索之App多渠道打包及动态添加修改资源属性
前言: 关于Android渠道打包是一个比较老的话题,今天主要记录总结一下多渠道打包以及如果动态配置修改一些资源属性.今天以公司实际需求为例进行演示,由于项目复用很多公共的业务组件,而且业务组件之间的 ...
- 一天搞定CSS:css选择器--07
选择器:是指选择标签的方法 1.选择器类型 2.id选择器 代码演示 <!DOCTYPE html> <html> <head> <meta charset= ...
- Thrift总结(一)介绍
这段时间,一直在整理公司的内部 rpc 服务接口,面临的一个问题就是:由于公司内部的系统由几个不同的语言编写的.C# ,java,node.js 等,如何实现这些内部系统之间的接口统一调用,确实是比较 ...
- PyQt5环境搭建及cx_freeze打包exe
Python的图形库也有好几个,Qt文档和使用面还是要广一些. 打包成可执行文件的也有好几个,PyInstaller用的比较多,但是PyInstaller目前还不支持Python3.6(开发版支持3. ...
- js获取地址栏某个参数
一.获取单个参数: 若地址栏URL为:abc.html?id=123 function getString(){ var locurl=location.href; var sta ...
- Dom 简介
HTML DOM 简介 DOM 教程 DOM 节点 HTML DOM 定义了访问和操作 HTML 文档的标准. 您应该具备的基础知识 在您继续学习之前,您需要对以下内容拥有基本的了解: HTML CS ...
- php访问数据库$result=$mysql_qurey('')判断是否是空值
在访问数据库后得到result值,前提是$relust为true,就是没有发生错误连接情况,但是查询的条件由于不满足导致返回值为空,此时判断就不能用!来决定是否有返回数据了,经过书籍搜索,用resul ...
- flask 扩展之 -- flask-pagedown
支持 Markdown 语法, 并添加 富文本文章的预览功能. 使用到的包列表: PageDown : 使用 JavaScript 实现的客户端 Markdown 到 HTML 的转换程序. Flas ...
- python 打印文件里的内容
>>> import os >>> os.chdir ('e:/')>>> data=open('text.txt')>>> f ...