javascript遍历对象的几种方法

第一种 for、、、 in 、、、、 方法

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

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

javascript遍历对象的几种方法_第1张图片
第二种:

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))

javascript遍历对象的几种方法_第2张图片
第三种:使用Object.getOwnPropertyNames(obj)

返回一个数组,包含对象自身的所有属性(包含不可枚举属性)
遍历可以获取key和value

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

javascript遍历对象的几种方法_第3张图片

你可能感兴趣的:(javascript遍历对象的几种方法)