EcmaScript6学习之二

本文介绍了ES6中迭代器的基本概念及其使用方法,包括如何利用迭代器遍历对象和数组,探讨了不同参数设置下的迭代行为。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、Iterator

浏览器支持情况:FF31+

js中提供来很多方法遍历集合中的元素,比如说for, forEach, for …of ,map。在ES6中,iterator是一个对象,提供next()方法依次访问下一个元素。也就是说要使用next()方法,就需要先创建一个iterator对象,先看个例子:

var lang = { name: ‘JavaScript’, birthYear: 1995 };
var it = Iterator(lang);
var pair = it.next(); // Pair equals [“name”, “JavaScript”]
pair = it.next(); // Pair equals [“birthYear”, 1995]
pair = it.next(); // if thers is not anyone, StopIteration exception is thrown
for…in 循环直接可以取代next()方法,

var lang = { name: ‘JavaScript’, birthYear: 1995 };
var it = Iterator(lang);、
for (var pair in it){
console.info(pair);
}
对于一个对象字面量,我们如果想只获得key值(不借助第三方工具类)该怎么实现?如果使用iterator就可以实现,需要额外加个参数,

var lang = {
name : ‘Eason’,
age : 27
}
var it = Iterator(lang, true);
for (var key in it){
console.info(key);
}
上面的例子都是基于对象字面量的迭代(注意,原型中的属性不会包含在序列中),那么基于数组的迭代是怎么处理的呢,先看个例子吧

var langs = [‘JavaScript’, ‘Python’, ‘C++’];
var it = Iterator(langs);
for (var pair in it){
console.info(pair);
}
但是返回的结果会让你眼前一亮

[0, “JavaScript”]
[1, “Python”]
[2, “C++”]
自己试下如果将

var it = Iterator(langs); 修改为var it = Iterator(langs,true);
看下效果如何。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值