js遍历对象的几种方法

第一种: 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])

    })

输出结果:


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容