JavaScript Sort 的一個錯誤用法範例_javascript技巧

前不久同事的程式碼中出了一個很神奇的問題，大致流程是對一個由物件組成的陣列進行排序，其中屬性a 用於排序，屬性b 作為一個優選條件，當b 等於1 的時候無論a 值是什麼，都排在開頭。這本來就是一個很簡單的問題，問題就在於他用兩次 sort 實作在這次排序，先依照 a 的屬性排序，然後再根據 b 的值來排序。問題就出在第二次排序。

我們想當然的會認為在第一次排序中，數組已經根據a 的屬性由大到小排序，在第二次中我們只要不去動原數組的順序就行（一般在方法中寫成返回0或-1），只考慮單獨把b 等於1 的元素提到前面去。但其實這與語言所選用的排序演算法有關，javascript （和一起其他語言）內建的 sort 方法採用的是幾種排序演算法的集合，有時並不能保證相同元素的位置保持一致。

下面是從 stackoverflow 上面找來的一個例子

複製程式碼 程式碼如下:

var arrayToSort = [
{name: 'a', strength: 1}, {name: 'b', strength: 1}, {name: 'c', strength: 1}, {name: 'd', strength: 1},
{name: 'e', strength: 1}, {name: 'f', strength: 1}, {name: 'g', strength: 1}, {name: 'h', strength: 1},
{name: 'i', strength: 1}, {name: 'j', strength: 1}, {name: 'k', strength: 1}, {name: 'l', strength: 1},
{name: 'm', strength: 1}, {name: 'n', strength: 1}, {name: 'o', strength: 1}, {name: 'p', strength: 1},
  {name: 'q', strength: 1}, {name: 'r', strength: 1}, {name: 's', strength: 1}, {name: 't', strength: 1}
];

arrayToSort.sort(function (a, b) {
  return b.strength - a.strength;
});

arrayToSort.forEach(function (element) {
  console.log(element.name);
});

我們會以為最後元素的值還是從 a 到 t，但實際運行下來的結果卻是亂序的，這是因為 sort 的演算法並沒有保留原數組的順序，也即 unstable。

那麼我們就該盡量避免這種情況發生，就我同事的例子，將兩次sort 的邏輯合併在一次中應該是個可行的辦法，如果必須分為多次sort，那麼就把原數組的順序記錄在元素的屬性上把。