浅谈-可迭代对象(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
经验分享 程序员 微信小程序 职场和发展