咨询电话:
15628812133
21
2023/07

js中Object.keys()和Object.values()方法的详解与使用

发布时间:2023-07-21 18:28:57
发布者:MaiMai
浏览量:
0

Object.keys()方法返回给定对象[key,value]键值对中的key值,并以数组的方式遍历出来。

Object.keys

Object.keys

返回的结果如图所示。

Object.values()方法与之相反,返回的是给定对象[key,value]键值对中的value值,如图:

Object.values

Object.values

在实际开发中,很多时候我们需要把后台提供的对象属性转换为数组以供前端使用,上面两种方法便为我们提供了方便。

例如在使用vantUI中的van-picker选择器的时候,van-picke的数据参数columns只支持数组类型,而后台提供给我们的数据是这样的:

van-picker

这时只有把对象转换为数组才能使用,请求完接口后直接进行转换:

van-picker

van-picker

这时选择器便可以成功的渲染出后台数据。

van-picker

PS:Object.entries()综合了以上两个方法,可以返回一个给定对象自身可枚举属性的键值对数组。当对象中的键和值都需要被使用到的时候推荐使用这个方法。

返回列表