Object.keys()方法返回给定对象[key,value]键值对中的key值,并以数组的方式遍历出来。
返回的结果如图所示。
Object.values()方法与之相反,返回的是给定对象[key,value]键值对中的value值,如图:
在实际开发中,很多时候我们需要把后台提供的对象属性转换为数组以供前端使用,上面两种方法便为我们提供了方便。
例如在使用vantUI中的van-picker选择器的时候,van-picke的数据参数columns只支持数组类型,而后台提供给我们的数据是这样的:
这时只有把对象转换为数组才能使用,请求完接口后直接进行转换:
这时选择器便可以成功的渲染出后台数据。
PS:Object.entries()综合了以上两个方法,可以返回一个给定对象自身可枚举属性的键值对数组。当对象中的键和值都需要被使用到的时候推荐使用这个方法。
关键词: