根据不同对象的等级对对象数组进行排序

Question

我有一个如下的对象数组。

var options = [
  {value: 'b', label: "test1"},
  {value: 'a', label: "test12"},
  {value: 'c', label: "test123"}
]

以及如下的排名数组。

var ranks = [
  {rank: 1, value: "a"},
  {rank: 2, value: "b"},
  {rank: 3, value: "c"}
]

现在我需要根据options数组中的rank属性对ranks数组进行排序

Answer 1

尝试一下：

var options = [
  {value: 'b', label: "test1"},
  {value: 'a', label: "test12"},
  {value: 'c', label: "test123"}
]


var ranks = [
  {rank: 1, value: "a"},
  {rank: 2, value: "b"},
  {rank: 3, value: "c"}
]

             
options.sort((a, b) => {
  return ranks.find(_ => _.value === a.value).rank - ranks.find(_ => _.value === b.value).rank
})

console.log (options)

Answer 2

使用ES6，您可以使用Map并将其作为排序的闭包。

var options = [{ value: 'b', label: "test1" }, { value: 'a', label: "test12" }, { value: 'c', label: "test123" }],
    ranks = [{ rank: 1, value: "a" }, { rank: 2, value: "b" }, { rank: 3, value: "c" }];
    
options.sort(
    (m => ({ value: a }, { value: b }) => m.get(a) - m.get(b))
    (ranks.reduce((m, { rank, value }) => m.set(value, rank), new Map))
);

console.log(options);

Answer 3

要降低复杂性并提高性能，您可以先创建一个temp为key和obj.value的{​​{1}} 对象/地图为rank。然后只需使用Array.sort根据存储在临时对象中的等级进行排序。

value