1. 程式人生 > 實用技巧 >JavaScript隨筆——迴圈遍歷物件

JavaScript隨筆——迴圈遍歷物件

迴圈遍歷物件?

法一: for...in

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

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

輸出結果:


法二:Object.keys(obj)Object.value(obj)

引數:obj要返回其列舉自身屬性的物件

返回值:物件可列舉屬性的字串陣列

const obj = {
            id:1,
            name:
'zhangsan', age:18} console.log(Object.keys(obj)) //列印obj物件的key組成的陣列 ['id','name','age']
console.log(Object.values(obj)) //列印obj物件的value組成的陣列  ['1','zhangsan','18']


法三:Object.getOwnPropertyNames(obj)

返回值:返回一個陣列,包括自身所有屬性,包含不可列舉的屬性

遍歷可以獲取key和value,返回的陣列可以通過forEach處理

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

輸出結果:

鳴謝:

https://www.cnblogs.com/wangdashi/p/9606182.html