ES6中Iterator接口的代码示例讲解

如果下载的源码需要作者授权,请更换源码。本站免费分享资源不会增加授权

本篇文章给大家带来的内容是关于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     } }

  1. 专栏

  2. 超级有温度的代码

  3. 文章详情

ES6中Iterator接口的代码示例讲解

ican ES6中Iterator接口的代码示例讲解26 发布于 超级有温度的代码

1 天前发布

【ES6入门13】:Iterator

  • 前端

  • es6

  • javascript

14 次阅读 · 读完需要 6 分钟

0

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接口的代码示例讲解

本文由(壳先生)整理自网络,如转载请注明出处:https://www.mrshell.com;
本站发布的内容若侵犯到您的权益,请邮件联系 i@mrshell.com 删除,我们将及时处理!
===========================================================================

1. 本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行测试。
2. 本站资源仅供学习和交流使用,版权归资源原作者所有,请在下载后24小时之内自觉删除。
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
4. 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,与本站无关。
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

=================================================================

壳先生 » ES6中Iterator接口的代码示例讲解

发表评论

提供最优质的资源集合

立即查看 了解详情