前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【JavaScript】js对象进行排序(对象转数组,对象转对象)

【JavaScript】js对象进行排序(对象转数组,对象转对象)

原创
作者头像
读懂原理
发布2022-07-05 11:54:31
6.6K0
发布2022-07-05 11:54:31
举报
文章被收录于专栏:给点知识

【JavaScript】js对象进行排序(对象转数组,对象转对象)

1. 问题描述

需求是要排序一个对象

代码语言:javascript
复制
aaa = {

    "2\_4":{"a":1,"b":2},

    "2\_16":{"a":1,"b":2},

    "2\_12":{"a":1,"b":2},

    "2\_8":{"a":1,"b":2}

}

2. 最佳答案(详细解答可以往下看)

代码语言:javascript
复制
let aaa = {"2\_4":{"a":2,"b":4},"2\_16":{"a":2,"b":16},"2\_12":{"a":2,"b":12},"2\_8":{"a":2,"b":8}}

let aa = Object.keys(aaa).sort((a,b)=>{

    a\_list = a.split("\_");

    b\_list = b.split("\_");

    return a\_list[0]==b\_list[0]?a\_list[1]-b\_list[1]:a\_list[0]-b\_list[0]

    // return aaa[a].sort-aaa[b].sort;

})

let arr = Object();

for (var sortIndex in aa) {

     arr[aa[sortIndex]] = aaa[aa[sortIndex]]

}

console.log(arr);

3. 详细介绍

  1. 对象按照key排序
  2. 对象按照value排序

**方法1:象按照key排序**

代码语言:shell
复制
    Object.keys(aaa).sort((a,b){

       // 代码逻辑,根据keys排序,如果a>b的排序使用a-b

       // 这里的a,b就会根据return返回排序,如果a-b返回true就是a大b小,所以a在后b在前

       return a-b

    })

如果有更复杂的代码可以使用代码逻辑,比如这个文章的开头的举例

它的key就是字符串2_4 这样的,但是2_8却大于2_16

在这里插入图片描述
在这里插入图片描述

这个时候我们就需要使用更复杂的逻辑进行排序,请看如下代码

代码语言:javascript
复制
# 方法1:把对象转为数组

let aaa = {"2\_4":{"a":2,"b":4},"2\_16":{"a":2,"b":16},"2\_12":{"a":2,"b":12},"2\_8":{"a":2,"b":8}}

let aa = Object.keys(aaa).sort((a,b)=>{

    a\_list = a.split("\_");

    b\_list = b.split("\_");

    return a\_list[0]==b\_list[0]?a\_list[1]-b\_list[1]:a\_list[0]-b\_list[0]

    // return aaa[a].sort-aaa[b].sort;

})

// 把排序好的结果放在新的数组中

let arr = [];

for (var sortIndex in aa) {

      arr.push(aaa[aa[sortIndex]])

    }

console.log(arr);





# 方法2:下面使用数组生成我们想要的排好序的对象



let aaa = {"2\_4":{"a":2,"b":4},"2\_16":{"a":2,"b":16},"2\_12":{"a":2,"b":12},"2\_8":{"a":2,"b":8}}

let aa = Object.keys(aaa).sort((a,b)=>{

    a\_list = a.split("\_");

    b\_list = b.split("\_");

    return a\_list[0]==b\_list[0]?a\_list[1]-b\_list[1]:a\_list[0]-b\_list[0]

    // return aaa[a].sort-aaa[b].sort;

})

let arr = Object();

for (var sortIndex in aa) {

     arr[aa[sortIndex]] = aaa[aa[sortIndex]]

}

console.log(arr);

**方法2:**

使用 Object.values(aaa).sort

代码语言:javascript
复制
let aaa = {"2\_4":{"cpu":2,"ram":4},"2\_16":{"cpu":2,"ram":16},"2\_12":{"cpu":2,"ram":12},"2\_8":{"cpu":2,"ram":8}}

let aa = Object.values(aaa).sort((a,b)=>{

    return a["cpu"]==b["cpu"]?a["ram"]-b["ram"]:a["cpu"]-b["cpu"]

})

console.log(aa);

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 【JavaScript】js对象进行排序(对象转数组,对象转对象)
    • 1. 问题描述
      • 2. 最佳答案(详细解答可以往下看)
        • 3. 详细介绍
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档