关于Object.keys(),Object.values(),Object.entries()的用法

今天做赛码网的一个编程题,要求结果在一行中输出,突然就蒙了,以前都是一个个打印出来的,就会自动换行,也想不到除了遍历结果数组的其他方法。只有脑海中隐隐约约记得的keys()和values()。

想一次性拿到对象的属性或者属性值,可以利用Object.keys()和Object.values()。返回结果均放在一个数组中,如果想纯输出数组中的值,不以数组的数据结构输出,可以利用…扩展运算符进行取出就行啦~

Object.keys()
返回键值数组

Object.values()
返回属性值数组

Object.entries()
返回一个数组,该数组存放所有可枚举的键值对,键值对以数组的形式存储。

代码示例:

var arr = [1,3,5,7]

console.log(...arr.keys())//0 1 2 3
console.log([...arr.keys()])//[ 0, 1, 2, 3 ]
console.log(Object.keys(arr))//[ '0', '1', '2', '3' ]
console.log(Object.values(arr))//[ 1, 3, 5, 7 ]
console.log(Object.entries(arr))//[ [ '0', 1 ], [ '1', 3 ], [ '2', 5 ], [ '3', 7 ] ]
var obj1 = {
    x:1,
    y:2,
    z:5
}

console.log(Object.keys(obj1))//[ 'x', 'y', 'z' ]
console.log(Object.values(obj1))//[ 1, 2, 5 ]
console.log(Object.entries(obj1))//[ [ 'x', 1 ], [ 'y', 2 ], [ 'z', 5 ] ]

//如果想在结果中纯输出数组中的值,可以用...运算符即可
//对上述对象实例obj1,输出如下
console.log(...Object.keys(obj1))//x y z
console.log(...Object.values(obj1))//1 2 5
console.log(...Object.entries(obj1))//[ 'x', 1 ] [ 'y', 2 ] [ 'z', 5 ]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值