第一種： 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])})

輸出結果：

轉載于:https://www.cnblogs.com/best-coder/p/11550422.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的js 遍历对象的几种方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。