对象根据key排序的方法

原创于 2021-05-05 20:53:42 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

这篇博客介绍了如何处理字母顺序错乱的对象数据，通过两种方法实现对键的排序，以便于数据渲染。第一种方法是使用for循环和数组操作，第二种方法则是利用ES6的Object.keys()方法。代码示例清晰地展示了如何将对象按照字母顺序重新组织。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

无意间获取大一组城市的数据数据本身是一个对象但是key是由A~Z的字母组成的但是呢字母的顺序是错乱的所以数据无法直接渲染需要根据对象的属性对对象进行排序，于是有了这次的果，话不多说上代码

// 这是我获取到的数据的大概类型 因为数据太多 不做全部的演示了

var citys = {
	"E": [ {"name": "厄瓜多尔"}],
	"A": [ {"name"： "安阳"}],
	"R": [ {"name": "日照"}]
}
// 接下来是排序的代码

第一种办法

 var obj = {}
 var arr = []
 for(let key in citys) {
 	arr.push(key) // 集合所有的key
 }
 arr.sort() // 字母排序
 arr.forEach(item => {
 	obj[item] = citys[item]
 })
console.log(obj) => 
{
	"A": [ {"name"： "安阳"}],
	"E": [ {"name": "厄瓜多尔"}],
	"R": [ {"name": "日照"}]
}

第二种解决办法是采用es6的keys方法获取对象的key

var obj = {}
Object.keys(citys).sort().map(item => {
	obj[item] = citys[item]
})