如何根據另一個陣列的順序對 JavaScript 陣列進行排序？

基於另一個陣列對 JavaScript 陣列進行排序

在 JavaScript 中，對陣列進行排序是一種常見操作。但是，在某些情況下，您可能想要根據另一個陣列對一個陣列進行排序。這可能具有挑戰性，特別是當您沒有唯一標識符來連結元素時。

問題陳述：

想像您有兩個陣列：

• itemsArray:

  [
      ['Anne', 'a'],
      ['Bob', 'b'],
      ['Henry', 'b'],
      ['Andrew', 'd'],
      ['Jason', 'c'],
      ['Thomas', 'b']
  ]

• sortingArr: 群組名稱的排序數組，例如：

  ['b', 'c', 'b', 'b', 'a', 'd']

任務是重新排列itemsArray 以符合sortingArr 的排列。這意味著屬於同一組的項目應該是相鄰的，並且按照 sortingArr 中的順序排序。

itemsArray.sort(function(a, b){  
  return sortingArr.indexOf(a) - sortingArr.indexOf(b);
});

解：

為了解決這個問題，我們可以使用排序函數根據sortingArr 中組的索引來比較元素：

此函數計算索引之間的差異sortingArr 中的元素的數量。正差值表示元素 a 應放置在元素 b 之後，而負差值表示相反。

itemsArray.sort((a, b) => sortingArr.indexOf(a) - sortingArr.indexOf(b));

單行解決方案：

或者，您可以編寫排序函數使用箭頭語法，結果更簡潔解決方案：

[
    ['Bob', 'b'],
    ['Jason', 'c'],
    ['Henry', 'b'],
    ['Thomas', 'b'],
    ['Anne', 'a'],
    ['Andrew', 'd'],
]

輸出：排序後，itemsArray將如下所示：如您所見， itemsArray 中的元素已重新排列和排序以符合 sortingArr 中的順序。

以上是如何根據另一個陣列的順序對 JavaScript 陣列進行排序？的詳細內容。更多資訊請關注PHP中文網其他相關文章！