對象取值方式

我們知道可以用. 或者[]的形式，有啥區(qū)別呢。
當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處理接口返回的數(shù)據(jù)，橫縱坐標值分開用過

var obj = {a:1,b:2}
Object.keys（obj）//以數(shù)組的形式返回對象鍵
Object.values（obj）//以數(shù)組的形式返回對象值
//返回值分別是[a,b]和[1,2]

3：Object.getOwnPropertyNames(obj) 還沒用過爭取以后用上
返回的是key的數(shù)組與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