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


Posted in Javascript onMay 19, 2020

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

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

Javascript 相关文章推荐
一个对于Array的简单扩展
Oct 03 Javascript
运算符&&的三个不同层次
Apr 07 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
jQuery中has()方法用法实例
Jan 06 Javascript
JS使用正则实现去掉字符串左右空格的方法
Dec 27 Javascript
canvas实现钟表效果
Feb 13 Javascript
ECMAScript6--解构
Mar 30 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
May 17 jQuery
JS实现验证码倒计时的注册页面
Jan 02 Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 Javascript
vue中jsonp插件的使用方法示例
Sep 10 Javascript
React Fragment介绍与使用详解
Nov 11 Javascript
基于js实现数组相邻元素上移下移
May 19 #Javascript
Node.js API详解之 zlib模块用法分析
May 19 #Javascript
微信jssdk踩坑之签名错误invalid signature
May 19 #Javascript
JavaScript实现简单的弹窗效果
May 19 #Javascript
js实现自定义右键菜单
May 18 #Javascript
微信小程序手动添加收货地址省市区联动
May 18 #Javascript
怎么理解wx.navigateTo的events参数使用详情
May 18 #Javascript
You might like
使用PHP批量生成随机用户名
2008/07/10 PHP
PHP 数组实例说明
2008/08/18 PHP
PHP类中Static方法效率测试代码
2010/10/17 PHP
简单实用的网站PHP缓存类实例
2014/07/18 PHP
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
javascript 隔行换色函数代码
2010/10/24 Javascript
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
jQuery点击自身以外地方关闭弹出层的简单实例
2013/12/24 Javascript
jquery toolbar与网页浮动工具条具体实现代码
2014/01/12 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
javascript实现鼠标拖动改变层大小的方法
2015/04/30 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
JavaScript  event对象整理及详细介绍
2016/10/10 Javascript
总结几道关于Node.js的面试问题
2017/01/11 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
详解webpack4升级指南以及从webpack3.x迁移
2018/06/12 Javascript
nodejs中方法和模块用法示例
2018/12/24 NodeJs
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
2018/12/28 Javascript
详解Vue中watch对象内属性的方法
2019/02/01 Javascript
JavaScript的变量声明与声明提前用法实例分析
2019/11/26 Javascript
[01:05:30]VP vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python实现超简单端口转发的方法
2015/03/13 Python
Python创建二维数组实例(关于list的一个小坑)
2017/11/07 Python
python绘制立方体的方法
2018/07/02 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
Python创建字典的八种方式
2019/02/27 Python
深入解析Python小白学习【操作列表】
2019/03/23 Python
Pycharm IDE的安装和使用教程详解
2020/04/30 Python
Python如何执行精确的浮点数运算
2020/07/31 Python
哪种Python框架适合你?简单介绍几种主流Python框架
2020/08/04 Python
HTML5各种头部meta标签的功能(推荐)
2017/03/13 HTML / CSS
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
北大青鸟学生求职信
2013/09/24 职场文书
求职简历自我评价2015
2015/03/10 职场文书
情况说明书格式及范文
2019/06/24 职场文书
Golang 对es的操作实例
2022/04/20 Golang