カスタムソート：JS配列のsort()メソッドを利用したソートの実装方法-＆＃＆チュートリアル-php.cn

カスタムソート：JS配列のsort()メソッドを利用したソートの実装方法

王林

リリース： 2023-12-28 10:59:15

オリジナル

693 人が閲覧しました

カスタムソート：JS配列のsort()メソッドを利用したソートの実装方法

JS 配列の並べ替えの使用方法: カスタム並べ替えのための sort() メソッド

JavaScript では、配列は非常に一般的で重要なデータ型です。配列内の要素を並べ替える必要がある場合は、配列の sort() メソッドを使用できます。 sort() メソッドは、デフォルトの並べ替えルールに従って配列要素を並べ替えますが、必要に応じて配列の並べ替えをカスタマイズする必要がある場合があります。この記事では、カスタム並べ替えに sort() メソッドを使用する方法を詳しく説明し、具体的なコード例を示します。

sort() メソッドは JavaScript 配列オブジェクトのネイティブメソッドであり、その機能は配列を並べ替えることです。 sort() メソッドは、配列要素を Unicode 順に並べ替えます。これがデフォルトの並べ替え規則です。ただし、配列内の要素が文字列である場合、sort() メソッドは一般的な辞書の順序に従って並べ替えません。カスタム並べ替えを実装するには、sort() メソッドのパラメータとして比較関数を使用します。

比較関数は並べ替えルールを定義するために使用されます。これは 2 つのパラメーターを受け入れます。比較関数の特定の実装ロジックをカスタマイズできます。比較関数は 2 つの要素間のサイズ関係を表す数値を返す必要があるため、並べ替え後の要素の位置が決まります。戻り値が 0 より小さい場合、最初の要素はソート後に前に配置されます。戻り値が 0 より大きい場合、最初の要素はソート後に後ろに配置されます。戻り値が 0 に等しい場合、最初の要素はソート後に後ろに配置されます。 2 つの要素は変更されません。

以下は、sort() メソッドを使用して並べ替えをカスタマイズする具体的な例です。

// 数组的原始顺序
var arr = [1, 4, 2, 5, 3];

// 使用自定义比较函数进行排序
arr.sort(function(a, b) {
  if(a < b) {
    return -1;  // a在b前面
  } else if(a > b) {
    return 1;  // a在b后面
  } else {
    return 0;  // 位置不变
  }
});

// 输出排序后的数组
console.log(arr);  // [1, 2, 3, 4, 5]

ログイン後にコピー

上記のコードでは、まず配列 arr を定義し、直接配列のsort()メソッドが呼び出されます。 sort() メソッドのパラメータは匿名関数であり、この匿名関数が定義した比較関数です。

比較関数では、条件判定文を使用して 2 つの要素の大小関係を判断します。最初の要素 a が 2 番目の要素 b より小さい場合は、-1 が返され、a が b の前にある必要があることを示します。 a が b より大きい場合は 1 を返し、a が b の後ろにある必要があることを示します; a が ## に等しい場合#b、return 0 は、2 つの要素の位置が変更されないことを意味します。

カスタム比較関数を使用して配列を並べ替えると、独自のニーズを満たす並べ替え結果を取得できます。

数値型配列の並べ替えに加えて、文字列型配列をカスタマイズすることもできます。以下は、文字列配列のカスタムソートの例です。

// 字符串数组的原始顺序
var arr = ["apple", "banana", "cat", "dog"];

// 使用自定义比较函数进行排序
arr.sort(function(a, b) {
  return a.localeCompare(b);
});

// 输出排序后的数组
console.log(arr);  // ["apple", "banana", "cat", "dog"]

ログイン後にコピー

上記のコードでは、文字列の localeCompare() メソッドを使用して文字列のサイズ関係を比較し、文字列のソート配列のカスタムソートを実現します。

要約すると、sort() メソッドを使用してカスタム並べ替えを行う手順は次のとおりです。