关于javascript:ES6之迭代器iterator

一、迭代器介绍

迭代器（iterator）是一种接口，为各种不同的数据结构提供对立的拜访机制。任何数据结构只有部署iterator接口，就能够实现遍历操作。

1. ES6发明了一种新的遍历命令for…of循环，iterator接口次要供for…of应用

2. 原生具备iterator接口的数据（可用for of遍历）

   • Array
   • Arrguments
   • Set
   • Map
   • String
   • TypedArray
   • NodeList
3. 原理
   (1) 创立一个指针对象，指向以后数据结构的起始地位
   (2) 第一次调用对象的next办法，指针主动指向数据结构的第一个成员
   (3) 接下来一直调用next办法，指针始终往后挪动，直到指向最初一个成员
   (4) 每调用next办法返回一个蕴含value和done属性的对象

二、简略实现

const rng = ['letme', 'mlxg', 'xiaohu', 'uzi', 'ming'];
let iterator = rng[Symbol.iterator]();

console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());
console.log(iterator.next());

三、实例

// 申明一个对象
const newRng = {
    name: "皇族",
    member: [
        'letme',
        'mlxg',
        'uzi',
        'ming',
    ],
    [Symbol.iterator]() {
        let index = 0
        let that = this;
        return {
            next: function () {
                if (index < that.member.length) {
                    const result = {
                        value: that.member[index],
                        done: false
                    }
                    index++;
                    return result
                } else {
                    return {
                        value: undefined,
                        done: true
                    }
                }
            }
        }
    }
}

// 遍历此对象
for (let v of newRng) {
    console.log(v);
}
// 后果
// letme
// mlxg
// uzi
// ming