js 遍歷對象的幾種方法

第一種： for......in

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

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

輸出結果：

 

 

第二種：

1）、Object.keys（obj）

2）、Object.values（obj）

參數：

obj：要返回其枚舉自身屬性的對象

返回值：

一個表示給定對象的全部可枚舉屬性的字符串數組。

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

 console.log(Object.keys(obj))

console.log(Object.values(obj))

輸出結果： obj對象的key組成的數組

['id','name','age']

 

輸出結果：obj對象的value組成的數組

['1','zhangsan','18']

 

 

第三種：使用Object.getOwnPropertyNames(obj)

返回一個數組，包含對象自身的全部屬性（包含不可枚舉屬性）
遍歷能夠獲取key和value

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

輸出結果：