ES6对象中实现Symbol.iterator接口

最新推荐文章于 2024-07-24 17:16:13 发布

长耳朵的鱼鱼

最新推荐文章于 2024-07-24 17:16:13 发布

阅读量420

点赞数

CC 4.0 BY-SA版权

分类专栏： js积累

本文链接：https://blog.csdn.net/weixin_43847545/article/details/107636571

js积累专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用自定义迭代器遍历JavaScript对象内部数据的方法，通过实现Symbol.iterator方法，可以按照预设规则遍历对象属性，如数组、对象等。示例中展示了一个包含个人基本信息和爱好的对象，通过自定义迭代器实现了对其爱好列表的遍历。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

可以实现自定义规则的对对象内部数据的遍历

var people={
    name:'test',
    sex:'male',
    hobbies:['ball','paint','sing'],
    [Symbol.iterator](){
        const _this=this;
        let index=0;
        return {
            next(){
                if(index<_this.hobbies.length){
                    return {
                        value:_this.hobbies[index++],
                        done:false
                    }
                }else{
                    return {
                        value:undefined,
                        done:true
                    }
                }
                //index++;
            }
        }
    }
};

for(let h of people){
    console.log(h)
}