如何使用不同的键对对象数组进行排序

Question

我正在尝试通过特定位置的键对对象数组进行排序。唯一的问题是每个对象都有不同的键名。

这是我要排序的对象的示例：

let data = [
  {name: "James", x: 3, }, 
  {name: "Thomas", y: 1}, 
  {name: "Zack", z: 2}
];

我正在尝试按第二个键对其进行排序，因此顺序应为

    [
      {name: "James", x: 3, }, 
      {name: "Zack", z: 2},
      {name: "Thomas", y: 1} 
    ];

这是我要尝试的方法：

let data = [
      {name: "James", x: 3, }, 
      {name: "Thomas", y: 1}, 
      {name: "Zack", z: 2}
    ];

data.sort((a, b) => {
  let key1 = Object.keys(a)[1];
  let key2 = Object.keys(b)[1];
  return a[key1] > b[key2]
  });
console.log(data)

这是我的jsbin

https://jsbin.com/lihefodoni/edit?html,js,console

不知道为什么它不起作用。我正在尝试在我的react应用程序中执行此操作，所以我不知道是否需要做其他事情？

Answer 1

该.sort回调需要一个号码作为返回值，而不是一个布尔（因为<运营商将评估到）。而是返回数值差：

let data = [
      {name: "James", x: 3, }, 
      {name: "Thomas", y: 1}, 
      {name: "Zack", z: 2}
    ];

data.sort((a, b) => {
  let key1 = Object.keys(a)[1];
  let key2 = Object.keys(b)[1];
  return b[key2] - a[key1]
});
console.log(data)

为了使排序更可靠，.find其关键字不是的条目name：

let data = [
      {name: "James", x: 3, }, 
      {name: "Thomas", y: 1}, 
      {name: "Zack", z: 2}
    ];

data.sort((a, b) => {
  const aEntry = Object.entries(a).find(([key]) => key !== 'name');
  const bEntry = Object.entries(b).find(([key]) => key !== 'name');
  return bEntry[1] - aEntry[1];
});
console.log(data)