JavaScript隨筆——迴圈遍歷物件
阿新 • • 發佈:2020-09-01
迴圈遍歷物件?
法一: 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