js中获取未知对象中的键值之Object.keys()的使用

在实际工作中经常拿到了一个对象类型的返回值,但是并不知道这个对象内部的属性,或者需要拿到对象的所有属性;
ECMA Script5 引入了Object.keys()方法,它返回的是一个所有属性组成的数组,成员是参数对象自身的所有可遍历(enumerable)属性的键名

传入未知对象:

var data={name:'wade',age:18,gender:'male',fava:'swim',addr:'NO.1'};
    console.log(Object.keys(data));//["name", "age", "male", "fava", "addr"]
    Object.keys(data).map((key,item)=>{
        console.log(`${key} = ${data[key]}`) //属性=属性值
});

传入字符串:

var str = 'abcdefg';
console.log(Object.keys(obj));  //[0,1,2,3,4,5,6]   返回字符串索引数组

扩展
Object.values()
Object.values方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键值。

let obj = {name:'wade',age:18,gender:'male',fava:'swim',addr:'NO.1'}
console.log(Object.values(obj))    //['wade', 18,'male', 'swim', 'NO.1']

Object.entries()
Object.entries方法返回一个数组,具体为一个二维数组,成员是参数对象自身的(不含继承的)所有可遍历( enumerable )属性的键值对数组。

let obj = {name:'wade',age:18,gender:'male',fava:'swim',addr:'NO.1'}
console.log(Object.entries(obj))    
//[
    [’name‘, 'wade'], 
    ['age', 18],
    ['gender', 'male'],
    ['fava', 'swim'],
    ['addr', 'NO.1']
  ]

ps:其实这篇blog是很多年前写的了,题目就是“js中获取未知对象中的键值”,当时不懂什么叫Object.keys(), 自己找到了这么一个方法,就顺手记录了一下
最近看到评论后,看了一下文章写的很low,且只写了keys(),顺手补充一下,题目就不改了,方便帮到更多像我当时有这个需求的开发者

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

kirinlau

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值