遍历对象属性名称排序混乱的解决方法

一、出现的问题:
用for in遍历对象后,出现排序混乱,如下图所示(按日期排序):
在这里插入图片描述

for(let key in obja){
	dataArr.push(key);
}
  • 遍历后放入数组的对象属性名称顺序:

在这里插入图片描述
为什么会这样?查了资料说是ES版本以及浏览器的解析问题,先不管了,反正有解决的方法就行。

二、解决办法:
在遍历对象的时候进行对象的排序处理即可

小知识点:sort()方法不填参数的时候,默认是按照字符编码的顺序进行排列的,也就是按照字母的顺序。但是同个大小写的字母字符编码不是连在一起的,0-9在前面,排完之后是A-z,之后才到a-z。

objectOrder(obj) {//排序的函数
	var newkey = Object.keys(obj).sort(); //先用Object内置类的keys方法获取要排序对象的属性名,再利用Array原型上的sort方法对获取的属性名进行排序,newkey是一个数组
	var newObj = {};//创建一个新的对象,用于存放排好序的键值对
	for (var i = 0; i < newkey.length; i++) {//遍历newkey数组
		newObj[newkey[i]] = obj[newkey[i]];//向新创建的对象中按照排好的顺序依次增加键值对
	}
	return newObj;//返回排好序的新对象
},
// 遍历时把对象直接传入以上进行排序过滤即可
let _this = this;
for(let key in _this.objectOrder(obja)){
	dataArr.push(key);
}

发现顺序已经对了,达到了按照日期顺序排序,大功告成!
在这里插入图片描述

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值