对象根据key排序的方法

无意间获取大一组城市的数据 数据本身是一个对象 但是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]
})

以上是两种解决办法,如有其它方法,感谢分享

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现 JavaScript 对象根据 key 值进行排序需要依赖一些 JavaScript 高级函数,如 Object.keys()、Array.prototype.sort()、Array.prototype.reduce() 等。首先,使用 Object.keys() 方法取得对象的所有 keys,并存储在数组 keys ;接着,通过调用 Array.prototype.sort()、Array.prototype.reduce() 方法结合自编 compareFunction 函数,根据 key 值进行排序。 具体实现如下: const obj = { b: 2, a: 1, d: 4, c: 3 }; const keys = Object.keys(obj); // keys: ["b", "a", "d", "c"] keys.sort((a, b) => { if (a < b) return -1; if (a > b) return 1; return 0; }); const sortedObj = keys.reduce((acc, key) => { acc[key] = obj[key]; return acc; }, {}); // sortedObj: { a: 1, b: 2, c: 3, d: 4 } 通过 Object.keys() 方法,我们取得了 obj 对象的所有 key 值,存储在数组 keys 。接着,我们利用 Array.prototype.sort() 方法keys 数组进行排序,这里我们编写了一个简单的 compareFunction 函数,根据 key 值进行排序。最后,我们使用 Array.prototype.reduce() 方法和一个空对象作为初始值,遍历 keys 数组来创建一个新的对象 sortedObj,其keys 按顺序排列。 这个过程可以很方便地用 ES6 的语法进行简化: const obj = { b: 2, a: 1, d: 4, c: 3 }; const sortedObj = Object.keys(obj) .sort() .reduce((acc, key) => { acc[key] = obj[key]; return acc; }, {}); // sortedObj: { a: 1, b: 2, c: 3, d: 4 } 这里我们使用了链式调用的方式,先进行数组排序,再使用 Array.prototype.reduce() 方法创建新的对象 sortedObj。这种方式代码更加简洁,但对于大型数据集可能会影响性能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值