在 JavaScript 中按多個屬性對物件陣列排序
假設我們有一個這樣的物件陣列 -
const arr = [ { id: 1, score: 1, isCut: false, dnf: false }, { id: 2, score: 2, isCut: false, dnf: false }, { id: 3, score: 3, isCut: false, dnf: false }, { id: 4, score: 4, isCut: false, dnf: false }, { id: 5, score: 5, isCut: true, dnf: true }, { id: 6, score: 6, isCut: true, dnf: false }, { id: 7, score: 7, isCut: true, dnf: false }, { id: 8, score: 8, isCut: true, dnf: false }, { id: 9, score: 9, isCut: true, dnf: false }, { id: 10, score: 0, isCut: false, dnf: false }, { id: 11, score: -1, isCut: false, dnf: false }, { id: 12, score: -2, isCut: false, dnf: true }, { id: 13, score: -3, isCut: false, dnf: false }, { id: 14, score: -4, isCut: false, dnf: false }, { id: 15, score: -5, isCut: false, dnf: false }, { id: 16, score: 10, isCut: true, dnf: false } ];
我們需要按照以下條件對上述陣列進行排序 -
如果 dnf 為真,
object goes to bottom; all dnf-objects should be sorted by score
如果 issue 為真,
object goes to bottom, but above dnfs; all isCut-objects should be sorted by score
其餘應按評分排序,如果評分相等,則按 ID 排序
示例
程式碼如下 -
const arr = [ { id: 1, score: 1, isCut: false, dnf: false }, { id: 2, score: 2, isCut: false, dnf: false }, { id: 3, score: 3, isCut: false, dnf: false }, { id: 4, score: 4, isCut: false, dnf: false }, { id: 5, score: 5, isCut: true, dnf: true }, { id: 6, score: 6, isCut: true, dnf: false }, { id: 7, score: 7, isCut: true, dnf: false }, { id: 8, score: 8, isCut: true, dnf: false }, { id: 9, score: 9, isCut: true, dnf: false }, { id: 10, score: 0, isCut: false, dnf: false }, { id: 11, score: -1, isCut: false, dnf: false }, { id: 12, score: -2, isCut: false, dnf: true }, { id: 13, score: -3, isCut: false, dnf: false }, { id: 14, score: -4, isCut: false, dnf: false }, { id: 15, score: -5, isCut: false, dnf: false }, { id: 16, score: 10, isCut: true, dnf: false } ]; const sortComplex = (arr = []) => { arr.sort(function (a, b) { const order = (dnf, isCut) => { return [0, 1, 3, 2][dnf * 2 + isCut]; } return order(a.dnf, a.isCut) - order(b.dnf, b.isCut) || b.score - a.score; }); }; sortComplex(arr); console.log(arr);
輸出
控制檯中的輸出為 -
[ { id: 4, score: 4, isCut: false, dnf: false }, { id: 3, score: 3, isCut: false, dnf: false }, { id: 2, score: 2, isCut: false, dnf: false }, { id: 1, score: 1, isCut: false, dnf: false }, { id: 10, score: 0, isCut: false, dnf: false }, { id: 11, score: -1, isCut: false, dnf: false }, { id: 13, score: -3, isCut: false, dnf: false }, { id: 14, score: -4, isCut: false, dnf: false }, { id: 15, score: -5, isCut: false, dnf: false }, { id: 16, score: 10, isCut: true, dnf: false }, { id: 9, score: 9, isCut: true, dnf: false }, { id: 8, score: 8, isCut: true, dnf: false }, { id: 7, score: 7, isCut: true, dnf: false }, { id: 6, score: 6, isCut: true, dnf: false }, { id: 5, score: 5, isCut: true, dnf: true }, { id: 12, score: -2, isCut: false, dnf: true } ]
廣告