遍历对象

遍历对象的方式：

1. for —in–

var object = {
    name:'rose',
    age:'23',
    hobby:'play',
}
for (const key in object) {
    console.log(key);
    console.log(object[key]); 
}

2. for ----of 结合Object.entries();

var object = {
    name:'rose',
    age:'23',
    hobby:'play',
}
for(const [key,value] of Object.entries(object)){
	console.log(key,value);
}

3.Object.ke()结合forEach

    var object = {
      name:'rose',
      age:'23',
      hobby:'play',
    }
    Object.keys(object).forEach(o=>{
      console.log(object[o]);
    })

4.三种方法进行比较

    Object.prototype.abc='123';
    var object = {
      name:'rose',
      age:'23',
      hobby:'play',
    }
    for(const [key,value] of Object.entries(object)){
      console.log(key,'1111');
    }
    console.log('---------------------------------------');
    Object.keys(object).forEach(o=>{
      console.log(o,'2222');
    })
    console.log('---------------------------------------');
    for(let o in object){
      console.log(o,'3333');
    }

看一下打印结果

name 1111
age 1111
hobby 1111
---------------------------------------
name 2222
age 2222
hobby 2222
 ---------------------------------------
name 3333
age 3333
hobby 3333
abc 3333

可以看出for–in循环是可以访问到Object的原型对象上面的属性和方法的，而另外两种则不可以。