ES6中Iterator接口怎么用
这篇文章主要介绍了ES6中Iterator接口怎么用,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联长期为成百上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为长宁企业提供专业的成都网站建设、成都网站制作,长宁网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。
es6中,操作某些数据结构(array object map set)时,怎么用一个统一的方法操作,Iterator接口实现了这样的功能
1.Iterator在数组中的应用
{
let arr = ['hello', 'world'];
// 数组内部实现了iterator接口,所以直接调用[Symbol.iterator]()
let map = arr[Symbol.iterator]();
console.log(map.next()); // {value: "hello", done: false}
console.log(map.next()); // {value: "world", done: false}
console.log(map.next()); // {value: undefined, done: true}
// value 表示数组元素,done表示循环是否有下一步状态,true:没有下一步了,false:循环没有结束
}2.自定义Iterator接口
{
// object没有内置iterator接口,自定义iterator接口,让obj也可以使用for...of
let obj = {
start: [1,2,3],
end: [4,5,6],
// 声明iterator接口方法
[Symbol.iterator]() {
// 先遍历start,再遍历end
let arr = this.start.concat(this.end);
let index = 0;
// 返回next()
return {
next() {
if (index < arr.length) {
return {
value: arr[index++],
done: false
}
} else {
return {
value: arr[index++],
done: true
}
}
}
}
}
};
// for...of 实现的原理就是不断调用Iterator接口
// 通过 for...of 验证接口是否配置成功,如果没有配置成功,object就无法使用 for...of循环
for (let key of obj) {
console.log(key); // 1 2 3 4 5 6
}
}3.for...of循环
{
// 数组内部实现了iterator接口,所以可以直接使用for...of循环
let arr = ['hello', 'world'];
for (let value of arr) {
console.log(value); // hello world
}
}感谢你能够认真阅读完这篇文章,希望小编分享ES6中Iterator接口怎么用内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!
本文题目:ES6中Iterator接口怎么用
转载来于:http://www.jxjierui.cn/article/pgioso.html


咨询
建站咨询
