如何按 id 和 name 对对象数组进行排序？ [复制]

Question

我想按id 和name 对对象数组进行排序。

样本数据：

 [
 {
      "case": {
        "name": "Exemple1"
      },
      "id": 3
    },
    {
      "case": {
        "name": "Exemple1"
      },
      "id": 2
    },
    {
      "case": {
        "name": "Exemple2"
      },
      "id": 1
    },
    {
      "case": {
        "name": "Exemple3"
      },
      "id": 4
    },
    {
      "case": {
        "name": "Exemple2"
      },
      "id": 6
    }
  ]

我想按id 和case 对象中的name 字段排序？是否可以在排序中使用两个条件？

预期结果：

 [
    {
      "case": {
        "name": "Exemple1"
      },
      "id": 2
    },
        {
      "case": {
        "name": "Exemple1"
      },
      "id": 3
    },
    {
      "case": {
        "name": "Exemple2"
      },
      "id": 1
    },
    {
      "case": {
        "name": "Exemple2"
      },
      "id": 6
    },
    {
      "case": {
        "name": "Exemple3"
      },
      "id": 4
    }
 ]

如何在排序中使用两个条件？

Answer 1

当然可以。

Array#sort method 带有一个名为compareFunction 的可选参数，它表示对数组中的任意两项进行排序时要执行的逻辑。

通过传递一个先比较 case.name 然后再比较 id 的函数，您可以按这两个标准对数组进行排序。这是一个简单的示例，但您可能希望添加错误检查，因此您不要尝试reading an undefined property。

const unsortedData =  [
  { "case": { "name": "Exemple1" }, "id": 3 },
  { "case": { "name": "Exemple1" }, "id": 2 },
  { "case": { "name": "Exemple2" }, "id": 1 },
  { "case": { "name": "Exemple3" }, "id": 4 },
  { "case": { "name": "Exemple2" }, "id": 6 }
];

const sortedData = unsortedData.sort((a, b) => {
  if (a.case.name > b.case.name) return 1;
  if (a.case.name < b.case.name) return -1;
  if (a.id > b.id) return 1;
  if (a.id < b.id) return -1;
  return 0;
});

console.dir(sortedData);

Answer 2

您可以将array#sort 与自定义比较器一起使用。您可以使用条件 OR 来比较多个条件。

arr.sort((a,b) => a.case.name.localeCompare(b.case.name) || a.id - b.id)

const arr = [{ "case": { "name": "Exemple1" }, "id": 3 }, { "case": { "name": "Exemple1" }, "id": 2 }, { "case": { "name": "Exemple2" }, "id": 1 }, { "case": { "name": "Exemple3" }, "id": 4 }, { "case": { "name": "Exemple2" }, "id": 6 } ];
arr.sort((a,b) => a.case.name.localeCompare(b.case.name) || a.id - b.id);
console.log(arr);

.as-console-wrapper { max-height: 100% !important; top: 0; }