对象根据key排序的方法

这篇博客介绍了如何处理字母顺序错乱的对象数据,通过两种方法实现对键的排序,以便于数据渲染。第一种方法是使用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]
})

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值