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);