一、出现的问题:
用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);
}
发现顺序已经对了,达到了按照日期顺序排序,大功告成!