博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Iterator、for..of,for...in和自定义遍历器**
阅读量:4885 次
发布时间:2019-06-11

本文共 2685 字,大约阅读时间需要 8 分钟。

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}.

转载于:https://www.cnblogs.com/GJcaowei/p/7202769.html

你可能感兴趣的文章
声明,本博客文章均为转载,只为学习,不为其他用途。感谢技术大牛的技术分享,让我少走弯路。...
查看>>
c# 导出Excel
查看>>
Status: Checked in and viewable by authorized users 出现在sharepoint 2013 home 页面
查看>>
python数据预处理
查看>>
Python之路,Day21 - 常用算法学习
查看>>
Android安全-代码安全1-ProGuard混淆处理
查看>>
部署core
查看>>
mysql 时间设置
查看>>
如何在 Xcode 中修改应用的名字
查看>>
有关交换机——熟悉原理是必须的【转载】
查看>>
ACM(数学问题)——UVa202:输入整数a和b(0≤a≤3000,1≤b≤3000),输出a/b的循环小数表示以及循环节长度。...
查看>>
【转】Android 读取doc文件
查看>>
js 数据绑定
查看>>
jsp的C标签一般使用方法以及js接收servlet中的对象及对象数字
查看>>
window.frameElement的使用
查看>>
如何使用jQuery $.post() 方法实现前后台数据传递
查看>>
Using Flash Builder with Flash Professional
查看>>
jsp/post中文乱码问题
查看>>
C# 插入或删除word分页符
查看>>
数据库数据的查询----连接查询
查看>>