ES5--迭代器--Iterator

迭代器

        遍历器(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);

上一篇:前端面试题 - js - es5


下一篇:手写es5和es6实现原型继承