两个回调作为 Array.sort() 的参数，而不是 Array.sort().sort() [重复]

Question

我正在尝试返回已排序产品的列表：

return products.sort(getSortFunc(activeSortId))

每个activeSortId 对应一个排序回调函数，通过调用getSortFunc 检索该函数。我有三个排序函数：sortByPriceAsc、sortByPriceDesc、sortByDate。

问题：当用户 sortByPriceDesc 后跟 sortByDate 时，结果（逻辑上）仍然按降序排列。但是，我希望它按升价排序。我可以通过链接排序函数（return products.sort(a).sort(b).sort(c)）来解决这个问题，但是如果我不知道顺序怎么办？：

我想知道是否可以通过调用例如解决它sortByPriceAsc 在函数 sortByDate 中，还是类似的东西？下面是一个简化的尝试，但显然它不起作用，因为调用 sortByPriceAsc 不会修改任何内容：

sortByPriceAsc: (a, b) => a.price - b.price,
sortByDate: (a, b) => {
  this.sortByPriceAsc()
  return b.date - a.date
}

很高兴获得任何帮助或一般批评。

Answer 1

一个选项是有一个持久变量来指示最后的 asc/dec 排序顺序。然后，在sortByDate 中，每当调用它时，检查该变量以确定在两个日期相同的情况下返回什么：

const arr = [
  { date: 1, price: 5 },
  { date: 2, price: 10 },
  { date: 2, price: 20 },
  { date: 3, price: 30 },
  { date: 3, price: 40 },
  { date: 4, price: 50 },
];

let lastWasAsc = false;
const sorts = {
  sortByPriceAsc: (a, b) => a.price - b.price,
  sortByDate: (a, b) => {
    return b.date - a.date || (
      lastWasAsc
      ? a.price - b.price
      : b.price - a.price
    );
  }
};

// When sorting by ascending order, set lastWasAsc to true:
lastWasAsc = true;
arr.sort(sorts.sortByPriceAsc);

// Then, later:
arr.sort(sorts.sortByDate);
console.log(arr);

比较，当lastWasAsc 是false 时sortByDate 被调用：

const arr = [
  { date: 1, price: 5 },
  { date: 2, price: 10 },
  { date: 2, price: 20 },
  { date: 3, price: 30 },
  { date: 3, price: 40 },
  { date: 4, price: 50 },
];

let lastWasAsc = false;
const sorts = {
  sortByPriceAsc: (a, b) => a.price - b.price,
  sortByDate: (a, b) => {
    return b.date - a.date || (
      lastWasAsc
      ? a.price - b.price
      : b.price - a.price
    );
  }
};

// Then, later:
arr.sort(sorts.sortByDate);
console.log(arr);

请记住，arr.sort(cb1).sort(cb2)不一定必须考虑由 cb1 排序的任何内容 - 排序算法不一定稳定，因此不同实现的行为会有所不同（因此 .sort(..).sort(不应该使用）。

(一种稳定的排序算法is when，当两个元素由于具有相同的“权重”而在结果中被确定为彼此相邻时，它们在输出中的顺序与它们在输入中的顺序相同. 这在 Javascript 中无法保证。虽然 ES2019 要求 Array#sort 稳定，但并非所有实现都符合这一点。）