JS迭代器|极客笔记

JS迭代器

在JavaScript中，迭代器（Iterator）是一种接口，它定义了一种顺序访问集合元素的方法。迭代器提供了一种统一的方式来访问不同种类的集合，例如数组、Map、Set等。在本文中，我们将详细介绍JavaScript中的迭代器及其用法。

什么是迭代器

迭代器是一种对象，它实现了一个next()方法，每次调用next()方法都会返回集合中的下一个元素。迭代器通常用于遍历集合中的元素，可以在不同类型的集合（如数组、Map、Set）中使用。

在JavaScript中，迭代器是ES6新增的特性，它可以通过Symbol.iterator属性来访问。我们可以通过调用集合对象的[Symbol.iterator]()方法来获取该集合的迭代器对象。

下面是一个使用迭代器遍历数组的示例：

let arr = [1, 2, 3];
let iterator = arr[Symbol.iterator]();

console.log(iterator.next());  // { value: 1, done: false }
console.log(iterator.next());  // { value: 2, done: false }
console.log(iterator.next());  // { value: 3, done: false }
console.log(iterator.next());  // { value: undefined, done: true }

在上面的示例中，我们首先通过数组arr的[Symbol.iterator]()方法获取了迭代器对象iterator，然后依次调用iterator.next()方法来遍历数组中的元素。当遍历完所有元素后，next()方法会返回done: true表示遍历结束。

迭代器的遍历方式

在JavaScript中，我们可以使用不同的方式来遍历迭代器的元素，其中最常用的方式是for...of循环和while循环。

使用`for...of`循环

for...of循环是一种简洁的遍历迭代器的方式，它会自动迭代集合中的每个元素，并且在遍历结束后自动终止。下面是一个使用for...of循环遍历数组的示例：

let arr = [1, 2, 3];
let iterator = arr[Symbol.iterator]();

for (let item of iterator) {
    console.log(item);
}

在上面的示例中，我们首先通过数组arr的[Symbol.iterator]()方法获取了迭代器对象iterator，然后使用for...of循环遍历迭代器中的元素并打印到控制台。

使用`while`循环

除了for...of循环外，我们也可以使用while循环来遍历迭代器的元素。下面是一个使用while循环遍历数组的示例：

let arr = [1, 2, 3];
let iterator = arr[Symbol.iterator]();

let result = iterator.next();
while (!result.done) {
    console.log(result.value);
    result = iterator.next();
}

在上面的示例中，我们首先通过数组arr的[Symbol.iterator]()方法获取了迭代器对象iterator，然后使用while循环遍历迭代器中的元素并打印到控制台。

自定义迭代器

除了使用内置的数据结构（如数组、Map、Set）自带的迭代器外，我们还可以自定义迭代器来实现对自定义数据结构的遍历。为了自定义迭代器，我们需要定义一个对象，并且在其上实现一个next()方法。

下面是一个使用自定义迭代器遍历对象属性的示例：

let obj = {
    a: 1,
    b: 2,
    c: 3,
    [Symbol.iterator]: function() {
        let keys = Object.keys(this);
        let index = 0;

        return {
            next: () => {
                return {
                    value: this[keys[index++]],
                    done: index > keys.length
                };
            }
        };
    }
};

for (let item of obj) {
    console.log(item);
}

在上面的示例中，我们定义了一个包含属性a、b、c的对象obj，并在该对象上实现了一个自定义迭代器。通过遍历对象的属性，并返回属性值的方式实现了对对象属性的遍历。