JS使用for in有序获取对象数据
更新时间：2020年05月19日 09:23:32 作者：苏小落
这篇文章主要介绍了JS使用for in有序获取对象数据,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
需要遍历对象，将key value分为两个数组，可以使用forin，但是获取到的对象中的属性及属性值排列是无序的，
目的是要按顺序取出对象中的key和value值。
实现效果：
比如接口返回的对象格式：
需要转换的格式：
实现代码：
//按序输出数据
for(let i in res.data.allMap){
this.mapTime.push(i);
}
this.mapTime.sort();
this.mapTime.map((item) => {
this.mapValue.push(res.data.allMap[item])
})
实现思想：
还是先使用forin取出对象中的所有属性key，然后对该数组排序，再去原数组中匹配key值获取到对应的value值存放到另一个数组中即可。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
可以实现滑动门效果代码类2008-04-04
Canvas 适合绘制大数据量图形元素的图表（如热力图、地理坐标系或平行坐标系上的大规模线图或散点图等），也适合实现某些视觉特效。本文就来利用Canvas实现满屏爱心和文字动画的制作，感兴趣的可以了解一下2022-11-11
这篇文章主要介绍了基于JavaScript实现的快速排序算法,分析了快速排序的原理并结合实例形式给出了javascript快速排序的操作步骤与相关实现技巧,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了JS仿QQ好友列表展开、收缩功能(第一篇),需要的朋友可以参考下2017-07-07
这篇文章主要给大家介绍了关于JS获取当前时间的两种方法,在web开发中,通过js获取时间非常的常用,我这里做个总结,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了微信小程序wx:for和wx:for-item的正确用法,wx:for是循环数组，wx:for-item即给列表赋别名,文中给大家列出来几个错误用法，大家一起学习下2018-04-04
作为一名前端工作人员，我们必须知道JavaScript内部是如何执行的。那对于执行上下文和作用域的理解至关重要，无论是工作还是面试都是无法跳跃的一步，本文就来带大家深入了解一下2023-02-02
今天小编就为大家分享一篇layui输入框只允许输入中文且判断长度的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了JavaScript前端加解密工具库（CryptoJS、JSEncrypt、bcryptjs）的具体使用,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下2023-12-12
webpack1已结不再维护了，官方在主推webpack2，最近在升级webpack过程中遇到了不少的问题，所以下面这篇文章主要给大家总结了一些在webpack 1.x升级过程中的遇到的坑，以及详细的解决方法，需要的朋友可以参考借鉴，下面来一起看看吧。2017-08-08
最新评论