ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

ES5--迭代器--Iterator

2021-11-15 20:04:22  阅读:129  来源: 互联网

标签:ES5 console log Iterator -- next let key 数据结构


迭代器

        遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)
       Iterator 的作用有三个:

一是为各种数据结构,提供一个统一的、简便的访问接口;

二是使得数据结构的成员能够按某种次序排列;

三是ES6创造了一种新的遍历命令for...of循环,Iterator接口主要供for...of消费。


Iterator 的遍历过程是这样的。


1. 创建一个指针对象,指向当前数据结构的起始位置。也就是说,遍历器对象本质上,就是一个指针对象。
2. 第一次调用指针对象的next方法,可以将指针指向数据结构的第一个成员。
3. 第二次调用指针对象的next方法,指针就指向数据结构的第二个成员。
4. 不断调用指针对象的next方法,直到它指向数据结构的结束位置。

let arr = ['张三', '李四', '王五'];

let key = arr.keys();
let value = arr.values();
let entry = arr.entries();

console.log(key, value, entry);
// .next()方法
// console.log(key.next());
// console.log(key.next());
// console.log(key.next());
// console.log(key.next());

// 重构for of 循环
let result;
while (!(result = entry.next()).done) {
  console.log(result.value);
}


// for (let k of key) {
//   console.log(k);
// }
// for (let val of value) {
//   console.log(val);
// }
// for (let en of entry) {
//   console.log(en);
// }





// 遍历字符串
// let str = 'hello'
// for (let i of str) {
//   console.log(i);
// }
// 将字符串转成数组
// let arr1 = str.split('');
// let arr2 = Array.from(str);
// let [...arr3] = str;
// console.log('------', arr1, arr2, arr3);


// let [...a] = 'hello';
// console.log(a);

标签:ES5,console,log,Iterator,--,next,let,key,数据结构
来源: https://blog.csdn.net/cmy741741/article/details/121341934

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有