这篇文章主要介绍了ES6中Iterator接口怎么用,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
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接口怎么用内容对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,遇到问题就找亿速云,详细的解决方法等着你来学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。