如何根据值对对象排序?

nas*_*nas 1 javascript jquery

我有这样的数据:

export const keyOrders: {} = {
    "aa": { active: true, order: 0, val: "aaa" },
    "bb": { active: true, order: 6, val: "bbb" },
    "cc": { active: true, order: 2, val: "ccc" },
    "dd": { active: true, order: 7, val: "ddd" },
    "ee": { active: false, order: 4, val: "eee" },
    "ff": { active: true, order: 5, val: "fff" }
};
Run Code Online (Sandbox Code Playgroud)

我试图推送到数组,如果active仅是true并基于订单值进行排序。

到目前为止,我已经尝试过了

this.pdfKeys = Object.entries(this.dashboardElementsConfig)
                             .filter(([key, value]) => {
                                return value["active"];
                             })
                             .map(([key, value]) => {
                                return key;
                             })
Run Code Online (Sandbox Code Playgroud)

我不确定如何根据给定的订单号进行排序。

Mah*_*Ali 5

您可以按照以下步骤进行操作。

  • 使用获取键数组 Object.keys()
  • 用于filter()所有物品的ketactive:true
  • 用于sort()按升序或降序对过滤后的数组进行排序。
  • 最后使用map()将每个值转换key.val

你可以先所有active:true对象,然后使用和map()每一个key所需的值

let obj = {
    "aa": { active: true, order: 0, val: "aaa" },
    "bb": { active: true, order: 6, val: "bbb" },
    "cc": { active: true, order: 2, val: "ccc" },
    "dd": { active: true, order: 7, val: "ddd" },
    "ee": { active: false, order: 4, val: "eee" },
    "ff": { active: true, order: 5, val: "fff" }
};
let asc = Object.keys(obj)
                   .filter(x => obj[x].active)
                   .sort((a,b) => obj[a].order - obj[b].order)
                   .map(x => obj[x].val);
let dec = Object.keys(obj)
                    .filter(x => obj[x].active)
                    .sort((a,b) => obj[b].order - obj[a].order)
                    .map(x => obj[x].val);
console.log(asc)
console.log(dec)
Run Code Online (Sandbox Code Playgroud)