JavaScript 的排序機制簡單易用,卻蘊含著強大的靈活功能。 sort()
方法不僅能對數組進行字母或數字排序,還能根據自定義的條件邏輯進行任意排序。
核心要點:
sort()
函數是一個靈活的工具,可以以多種方式組織數組,包括根據條件邏輯定義的自定義排列。 sort()
函數通過比較每次操作中的兩個值(a 和 b)來工作。如果函數返回小於零,則 a 排在 b 之前;如果返回大於零,則 b 排在 a 之前;如果返回零,則 a 和 b 相對位置不變。 sort()
函數的工作原理:
→ 如果你已經了解基礎知識,可以跳過這一部分。
如果 sort()
方法不帶任何參數,則數組將按字典順序(詞典順序,每個值都被視為字符串)進行排序:
var letters = ["R","O","F","L"]; letters.sort(); alert(letters); // 输出 ["F","L","O","R"]
否則,sort()
方法的參數是一個比較函數,該函數根據其返回值定義排序行為。比較函數本身接受兩個參數,通常稱為 a 和 b,它們表示每次操作中比較的兩個值。然後:
規範以一種令人困惑的方式定義了這些規則。 JavaScript 規範將第一個排序條件稱為“將 b 排序到比 a 更低的索引”。但這實際上意味著“將 b 排在 a 的更低位置”,就數值索引而言,這是一個更高的索引,而不是更低的索引。它以非常混亂的方式使用了“索引”一詞;我希望以上我對條件的表達方式更加清晰。
因此,使用比較函數的通常方法是執行並返回一個簡單的計算,以產生所需的排序結果。例如,如果函數返回 (a - b),則將產生數值排序:
var numbers = [8,5]; numbers.sort(function(a, b) { return a - b; }); alert(numbers); // 输出 [5,8]
我們可以用值示例來解釋這一點:由於 a = 8 且 b = 5,則 (a - b) == 3;3 大於零,因此 b 將排在 a 之前,產生順序 [5,8]。
因此,可以通過反轉等式來產生反向數值順序:
var letters = ["R","O","F","L"]; letters.sort(); alert(letters); // 输出 ["F","L","O","R"]
我們還可以創建一個比較函數來生成字典排序,方法是定義三個比較來評估每一對字符串——在計算術語中,“a”小於“b”,因此我們可以直接比較字符串,然後返回三個排序值之一:
var numbers = [8,5]; numbers.sort(function(a, b) { return a - b; }); alert(numbers); // 输出 [5,8]
請注意,我們如何預先將每個字符串轉換為小寫,這確保我們獲得不區分大小寫的排序(如果我們不這樣做,則大小寫字母將分別排序)。我們還將這些操作的結果分配給新的變量,因為某些瀏覽器不允許覆蓋參數。
(以下內容與原文相同,此處省略重複部分,保持與原文一致性)
多維排序 多條件排序 對像數組排序 關於穩定排序的說明
總結:記住,排序比較函數沒有什麼特別之處,它只是一個執行操作並返回結果的普通函數。你可以加載外部數據、創建測試渲染元素或執行任意數量的複雜操作。只要函數正確返回——小於零、大於零或零——那麼在實現過程中就沒有具體的限制!
縮略圖來源:[Soren]
關於 JavaScript 高級排序的常見問題解答 (原文FAQ部分略,避免重複)
以上是JavaScript中精緻的分類的詳細內容。更多資訊請關注PHP中文網其他相關文章!