可迭代对象

可迭代对象

在JavaScript中，可迭代对象（Iterable objects）是那些内置了Symbol.iterator方法的对象。这个方法返回一个迭代器对象（Iterator object），该对象定义了一个序列的值，并且有一个next()方法。每次调用next()方法时，迭代器会返回一个对象，该对象包含两个属性：value（当前迭代的元素）和done（一个布尔值，指示是否已迭代到序列的末尾）。

数组（Array）

数组是JavaScript中最常见的可迭代对象之一。

let array = [1, 2, 3, 4, 5];  
  
for (let item of array) {  
    console.log(item); // 依次输出 1, 2, 3, 4, 5  
}

字符串（String）

字符串也可以被迭代，它们会按字符进行迭代。

let str = "hello";  
  
for (let char of str) {  
    console.log(char); // 依次输出 'h', 'e', 'l', 'l', 'o'  
}

Map 和 Set

Map和Set也是可迭代对象。

let map = new Map([['a', 1], ['b', 2]]);  
  
for (let [key, value] of map) {  
    console.log(key, value); // 依次输出 'a 1', 'b 2'  
}  
  
let set = new Set([1, 2, 3, 2, 1]);  
  
for (let item of set) {  
    console.log(item); // 依次输出 1, 2, 3（注意没有重复）  
}

自定义可迭代对象

可以通过实现Symbol.iterator方法来使自定义对象变得可迭代。

let iterableObject = {  
    data: [10, 20, 30],  
    [Symbol.iterator]() {  
        let index = 0;  
        const data = this.data;  
        return {  
            next: function() {  
                if (index < data.length) {  
                    return { value: data[index++], done: false };  
                } else {  
                    return { done: true };  
                }  
            }  
        };  
    }  
};  
  
for (let value of iterableObject) {  
    console.log(value); // 依次输出 10, 20, 30  
}

可迭代对象特性

1. 可遍历: 使用of , 尤其在Promise.all 面试会遇到
2. 迭代器对象拥有 next() 方法的对象。调用 next() 方法将返回一个包含两个属性的对象：value 和 done。
   value 属性包含迭代器当前指向的值。
   done 属性是一个布尔值，表示是否已迭代到序列的末尾。如果 done 为 true，则 value 将是 undefined。