JavaScript 中陣列的升序數字排序和字母順序字串排序

---

在 JavaScript 程式設計領域，能夠在陣列中對數字進行升序排序，對字串進行字母順序排序，具有至關重要的意義。以這種方式有效地排列元素不僅可以增強資料的組織性和可讀性，而且在各種資料操作和分析任務中也發揮著關鍵作用。透過利用 JavaScript 內建排序功能的強大功能，開發人員可以輕鬆地按所需順序排列陣列元素。在本文中，我們將探討在陣列中對數字進行升序排序和對字串進行字母順序排序的細節，揭示其背後的機制，並使用一些鮮為人知的詞語來深入探討這種基本程式設計技術的細微差別。

問題陳述

此任務的目標是設計一個 JavaScript 函式，該函式可以對包含數字和字串的陣列進行升序排列。排序過程應優先考慮數字，然後是字串，並且在每個類別中，元素應按其各自的順序排列。任務需要實現一個符合這些要求的演算法。

示例輸入 -

An array with mixed numbers and strings: ["zebra", 21, "apple", 5, "orange", 13, "banana", 2]

示例輸出 -

The array after sorting: [2, 5, 13, 21, "apple", "banana", "orange", "zebra"]

注意 - 數字按升序排序，然後是按字母順序排列的字串。

方法

在本文中，我們將瞭解多種在 JavaScript 中解決上述問題陳述的方法 -

• 使用比較器函式的自定義排序

• 分離陣列併合並

方法 1：使用比較器函式的自定義排序

要根據自定義優先順序對陣列進行排序，請定義一個比較器函式，該函式根據元素的型別和相對順序比較元素。使用 Array.sort() 方法，將自定義比較器函式作為引數傳遞，以對陣列進行就地排序。根據定義的排序順序，生成的已排序陣列將先包含數字，然後是字串。

示例

compareElements 函式用作 Array.sort() 的自定義比較器。在此函式內部，我們比較“a”和“b”的型別以確定其排序順序。如果兩者都是數字或兩者都是字串，我們使用普通比較以升序對它們進行排序。如果“a”是數字，“b”是字串，則“a”優先順序更高，返回 -1。相反，如果“a”是字串，“b”是數字，則“b”優先順序更高，返回 1。未排序的“arr”陣列包含數字和字串。透過呼叫 arr.sort(compareElements) 來實現對其進行排序。最後，將已排序的“arr”記錄到控制檯。

function compareElements(a, b) {
   // If both elements are numbers or both are strings, perform normal comparison
   if ((typeof a === 'number' && typeof b === 'number') || (typeof a === 'string' && typeof b === 'string')) {
      return a < b ? -1 : a > b ? 1 : 0;
   }
   // If a is a number and b is a string, prioritize a (numbers before strings)
   if (typeof a === 'number' && typeof b === 'string') {
      return -1;
   }
   // If a is a string and b is a number, prioritize b (numbers before strings)
   if (typeof a === 'string' && typeof b === 'number') {
      return 1;
   }
}
 
let arr = [10, 'apple', 5, 'banana', 3, 'carrot'];
arr.sort(compareElements);
 
console.log(arr);

輸出

以下是控制檯輸出 -

[ 3, 5, 10, 'apple', 'banana', 'carrot' ]

方法 2：分離陣列併合並

要分離數字和字串，請建立兩個陣列，並根據型別過濾原始陣列，相應地儲存元素。使用 Array.sort() 和數字比較函式對數字陣列進行升序排序。使用 Array.sort() 和 a.localeCompare(b) 對字串陣列進行排序，以根據 Unicode 值進行升序排序。使用擴充套件運算子 ([...numbers, ...strings]) 合併已排序的陣列以獲得最終的已排序陣列。

示例

從包含數字和字串的未排序陣列“arr”開始，我們使用 Array.filter() 建立兩個單獨的陣列：“numbers”和“strings”。“numbers”陣列從“arr”中過濾出數字元素，而“strings”陣列過濾出字串元素。我們使用 Array.sort() 和數字比較函式 (a, b) => a - b 對“numbers”陣列進行升序排序。類似地，我們使用 Array.sort() 和 a.localeCompare(b) 函式對“strings”陣列進行排序，以根據 Unicode 值進行升序排序。最後，我們使用擴充套件運算子建立“sortedArr”，將“numbers”和“strings”數組合並，並將其記錄到控制檯。

let arr = [10, 'apple', 5, 'banana', 3, 'carrot'];
let numbers = arr.filter((element) => typeof element === 'number');
let strings = arr.filter((element) => typeof element === 'string');
numbers.sort((a, b) => a - b);
strings.sort((a, b) => a.localeCompare(b));
let sortedArr = [...numbers, ...strings];
console.log(sortedArr);

輸出

以下是控制檯輸出 -

[ 3, 5, 10, 'apple', 'banana', 'carrot' ]

結論

在總結使用 JavaScript 對陣列中的數字進行升序排序和對字串進行字母順序排序的討論時，我們探索了各種方法來熟練地完成此任務。透過使用獨特的演算法並利用鮮為人知的函式，開發人員可以有效地按所需順序排列元素。這種數字和詞彙排序的異構組合不僅體現了 JavaScript 的多功能性，而且展示了其在操作各種資料型別方面的獨特能力。從本質上講，這些神秘技術的細緻應用可以使程式設計師能夠建立組織完善的陣列，從而實現無縫資料處理並增強其應用程式的整體功能。