网站建设资讯

NEWS

网站建设资讯

JS怎么使用forin有序获取对象数据

这篇文章主要为大家展示了JS怎么使用for in有序获取对象数据,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。

创新互联主营义马网站建设的网络公司,主营网站建设方案,成都app开发,义马h5小程序制作搭建,义马网站营销推广欢迎义马等地区企业咨询

需要遍历对象,将key value分为两个数组,可以使用forin,但是获取到的对象中的属性及属性值排列是无序的,

目的是要按顺序取出对象中的key和value值。

实现效果:

JS怎么使用for in有序获取对象数据

比如接口返回的对象格式:

JS怎么使用for in有序获取对象数据

需要转换的格式:

JS怎么使用for in有序获取对象数据

实现代码:

//按序输出数据
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值存放到另一个数组中即可。

以上就是关于JS怎么使用for in有序获取对象数据的内容,如果你们有学习到知识或者技能,可以把它分享出去让更多的人看到。


标题名称:JS怎么使用forin有序获取对象数据
文章网址:http://cdweb.net/article/pejsdi.html