什么叫做：可迭代对象？

在 JavaScript 中，可迭代对象（Iterable Object）是一种实现了可迭代协议（Iterable Protocol）的对象。可迭代协议允许对象定义或定制其迭代行为，例如在 for...of 循环中如何被遍历。以下为你详细介绍可迭代对象的相关信息：

可迭代协议

要成为可迭代对象，一个对象必须实现 @@iterator 方法，即该对象必须有一个键为 Symbol.iterator 的属性，这个属性是一个无参数的函数，它返回一个符合迭代器协议（Iterator Protocol）的对象。

迭代器协议

迭代器协议定义了一种标准的方式来产生一个有限或无限序列的值。一个符合迭代器协议的对象必须实现一个 next() 方法，该方法返回一个包含两个属性的对象：

• value：表示当前迭代的值。
• done：一个布尔值，true 表示迭代结束，false 表示还有更多值可供迭代。

常见的可迭代对象

1. 数组（Array）

数组是最常见的可迭代对象之一，它可以使用 for...of 循环进行遍历。

const arr = [1, 2, 3];
for (const num of arr) {
    console.log(num);
}

在这个例子中，arr 是一个数组，它实现了可迭代协议，因此可以使用 for...of 循环来遍历其元素。

2. 字符串（String）

字符串也是可迭代对象，for...of 循环可以逐个遍历字符串中的字符。

const str = 'hello';
for (const char of str) {
    console.log(char);
}

3. Set 和 Map

Set 和 Map 是 ES6 引入的两种数据结构，它们也是可迭代对象。

// Set 示例
const set = new Set([1, 2, 3]);
for (const num of set) {
    console.log(num);
}

// Map 示例
const map = new Map([['a', 1], ['b', 2]]);
for (const [key, value] of map) {
    console.log(key, value);
}

自定义可迭代对象

你也可以创建自定义的可迭代对象，只需要实现 Symbol.iterator 方法即可。

const myIterable = {
    data: [1, 2, 3],
    [Symbol.iterator]() {
        let index = 0;
        return {
            next: () => {
                if (index < this.data.length) {
                    return { value: this.data[index++], done: false };
                } else {
                    return { done: true };
                }
            }
        };
    }
};

for (const num of myIterable) {
    console.log(num);
}

在这个例子中，myIterable 是一个自定义的可迭代对象，它实现了 Symbol.iterator 方法，该方法返回一个迭代器对象，迭代器对象有一个 next() 方法，用于控制迭代过程。

可迭代对象的应用场景

• for...of 循环：可迭代对象可以直接在 for...of 循环中使用，方便遍历其元素。
• 扩展运算符（Spread Operator）：扩展运算符可以将可迭代对象展开为一个数组。

const arr = [1, 2, 3];
const newArr = [...arr, 4, 5];
console.log(newArr); // [1, 2, 3, 4, 5]

• 解构赋值：可迭代对象可以用于解构赋值。

const [a, b, c] = [1, 2, 3];
console.log(a, b, c); // 1 2 3

总之，可迭代对象提供了一种统一的方式来遍历不同类型的数据结构，使得代码更加简洁和灵活。