for of遍历普通对象

合集 - js面试(7)

1.js数组对象转树结构2023-06-042.promise.all any race简易实现2023-06-073.js数组去重2023-07-17

4.for of遍历普通对象2023-07-17

5.js递归简易深拷贝2023-06-196.js数组扁平化2023-06-197.async await2023-07-17

收起

for of创建一个循环来迭代可迭代的数据结构，普通对象没有Symbol.iterator方法，不可迭代。
所以要使用for of遍历普通对象如下：
1、Object扩展方法values()、keys()、entries()
Object.values()返回普通对象的键值组成的数组
Object.keys()返回普通对象的键名组成的数组
Object.entries()返回普通对象的键名键值组成的二维数组
2、给普通对象添加Symbol.iterator属性

let obj={
    a:1,
    b:2,
    [Symbol.iterator](){
        let index=0
        const keys=Object.keys(obj)
        return {
            next:()=>{
                if(index<keys.length){
                    return {
                        value:this[keys[index++]],
                        done:false
                    }
                }else{
                    return {
                        value:undefined,
                        done:true
                    }
                }
            }
        }
    }
}

console.log([...obj]);
for(let i of obj){
    console.log(i);
}

输出如下：