js对象的2种取值方式与遍历对象3种方法

对象取值方式

我们知道可以用. 或者[]的形式，有啥区别呢。
当key又是单独变量的时候，js会将key考虑成变量，导致无法取值，就只能使用[]了。

var a = {'b':'1','c':'2'};
//取值
a.b 或者a[b]

遍历对象的3种方法

1:for....in 还是蛮常用的

const obj = {
            id:1,
            name:'zhangsan',
            age:18}

 for(let key  in obj){
        console.log(key + '---' + obj[key])
  }

2: 在echarts处理接口返回的数据，横纵坐标值分开用过

var obj = {a:1,b:2}
Object.keys（obj）//以数组的形式返回对象键
Object.values（obj）//以数组的形式返回对象值
//返回值分别是[a,b]和[1,2]

3：Object.getOwnPropertyNames(obj) 还没用过争取以后用上
返回的是key的数组与Object.key类似

const obj = {
                    id:1,
                    name:'zhangsan',
                    age:18
            }
            console.log(Object.getOwnPropertyNames(obj));
        Object.getOwnPropertyNames(obj).forEach(function(key){
            console.log(key+ '---'+obj[key])
        })

image.png