JS排序特定的排序順序

Question

我需要的，如下圖所示，以我的數據通過一個特定的順序進行排序。

const sortBy = ['b','a','c','e','d'] 
const data = ['a','d','e'] 

我知道如何asscending排序/降序

console.log(data.sort((a, b) => a > b)) //["a", "d", "e"] 
console.log(data.sort((a, b) => a < b)) //["e", "d", "a"] 

但使用.sort以特定的順序來排序這可能嗎？ 例如低於我想要的順序是sortBy

我目前通過在我的排序數組和我的數據之間創建一個常用項目數組來獲得這個工作。

const commonItems = getCommonItemsInArrays(sortBy,data) 
console.log(commonItems.map(item => item)) //["a", "e", "d"] 

function getCommonItemsInArrays(array1,array2){ 
    return array1.filter(n => array2.indexOf(n) >= 0) 
} 

這似乎是工作好，但我不知道是否有辦法通過sort來處理呢？

Answer 1

你.sort()回調可以做任何它需要做找出任何給定的項目是否應該是之前或任何其他特定項目後。因此，它可以查找當前項目的索引你sortBy陣列內並進行相應處理：

const sortBy = ['b','a','c','e','d'] 
 
const data = ['a','d','e'] 
 

 
console.log(data.sort((a,b) => sortBy.indexOf(a) - sortBy.indexOf(b)))

排序時調用.indexOf()多次將是一種低效的，所以你可能想把你sortBy成一個對象，然後再開始：

const sortBy = ['b','a','c','e','d'] 
 
const data = ['a','d','e'] 
 

 
const sortByObject = sortBy.reduce((a,c,i) => { 
 
    a[c] = i 
 
    return a 
 
}, {}) 
 

 
console.log(data.sort((a,b) => sortByObject[a] - sortByObject[b]))

（請注意，排序回調不應該返回一個布爾值。）