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