欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-08 13:52:03
需要遍历对象,将key value分为两个数组,可以使用forin,但是获取到的对象中的属性及属性值排列是无序的,目的是要按顺序取出对象中的key和value值。实现效果:比如接口返回的对象格式:需要...

需要遍历对象,将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值存放到另一个数组中即可。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。