浅谈-可迭代对象(iterable)

什么是可迭代对象

它和迭代器概念不同

当一个对象实现了iterable protocol协议时，它就是一个可迭代对象

这个对象要求是必须实现@@iterator方法,在代码中我们使用Symbol.iterator访问该属性

把数组作为迭代器的参数，并且[Symbol.iterator]返回一个迭代器对象

特点：

1. 返回是一个函数
2. 每次调用生成的都是一个新的迭代器

代码

// 创建一个迭代器对象来访问数组元素
const iterableObj = {
    names: ["abc", "ssdd", "ffff"],
    [Symbol.iterator]: function () {
        let index = 0;
        return {
            next: () => {
                if (index < this.names.length) {
                    return { done: false, value: this.names[index++] }
                } else {
                    return { done: true, value: undefined }
                }
            }
        }
    }
}
// iterableObj就是一个可迭代对象
// 特点：
// console.log(iterableObj[Symbol.iterator])
const iterator = iterableObj[Symbol.iterator]()
// console.log(iterator.next())
// console.log(iterator.next())
// console.log(iterator.next())
// console.log(iterator.next())

// for...of遍历的必须是一个可迭代对象
// 因为对象本身不是可迭代对象
// const obj = {
//     name: 'wxy',
//     age: 18
// }
// for(const item of obj){
//     console.log(item)
// }
for (const item of iterableObj) {
    console.log(item)
}

原生可迭代对象

1. 数组
2. map
3. set
4. argument
5. string
6. …