Javascript按多个对象中存在的对象属性对对象数组进行排序[重复]答案

【问题标题】：Javascript Sort Array of objects by object property that exists in several objects [duplicate]Javascript按多个对象中存在的对象属性对对象数组进行排序[重复]
【发布时间】：2022-01-27 18:32:25
【问题描述】：

我有一个产品数组，其中几个产品可以具有相同的颜色，我希望能够按颜色值对这个数组进行排序。我将如何实现数组排序，例如首先显示所有具有“红色”颜色属性的产品？或者我将告诉数组首先排序的任何其他颜色。

const arr = [
 {
 name: "T-shirt",
 color: "red",
 price: 20
 },
 {
 name: "Shoes",
 color: "yellow",
 price: 20
 },
 {
 name: "Pants",
 color: "red",
 price: 20
 },
 {
 name: "Cap",
 color: "yellow",
 price: 20
 },
 {
 name: "Skirt",
 color: "red",
 price: 15
 },
]

【问题讨论】：

.sort() 函数的结果决定了顺序。 See here 这个想法是使用一个函数，如果第一个对象的颜色为红色，则返回 -1，如果第二个对象的颜色为红色，则返回 1，否则返回 a > b。尝试自己解决这个问题。

标签： javascript arrays sorting

【解决方案1】：

像这样，您将按颜色对数组进行排序，如果您想在第一个返回 1 中获得黄色，在位置 2 中获得红色返回 2 等等：

const getRanking = (ele) => {
    if (ele.color == "red") return 2; 
    if (ele.color == "yellow") return 1;
 };

arr.sort((a,b) => getRanking(a) - getRanking(b))

【讨论】：

如何告诉它按颜色值隐式排序？颜色是动态生成的，所以我需要告诉代码我希望你用我告诉它排序的颜色对数组进行排序
OP 专门询问如何优先考虑某种颜色。
抱歉造成误会，这是我的更新答案
我在这里找到了一个解决方案，我可以让它工作！ stackoverflow.com/a/70877161/15024992
@ScreamoIsDead 您的问题在我输入答案时已关闭，您可以在此处查看。 stackoverflow.com/a/70878429/7670898