首页 > 编程语言 > 详细

JavaScript随笔——循环遍历对象

时间:2020-09-01 19:20:31      阅读:57      评论:0      收藏:0      [点我收藏+]

循环遍历对象?

法一: 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

JavaScript随笔——循环遍历对象

原文:https://www.cnblogs.com/oilweng555/p/13597545.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!