ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScriptで渡すsortパラメータの使用方法

JavaScriptで渡すsortパラメータの使用方法

王林
リリース: 2023-05-29 13:51:08
オリジナル
722 人が閲覧しました

JavaScript の sort() は、指定された順序で配列を並べ替えることができる並べ替えメソッドです。並べ替えるとき、オプションで関数をパラメータとして sort() メソッドに渡すことができます。これにより、指定された条件に基づいて並べ替え順序が定義されます。

sort() 関数の基本構文は次のとおりです。

array.sort(compareFunction)

その中で、compareFunction はオプションのパラメーターであり、次の目的で使用される関数です。配列の 2 つの要素を比較します。このパラメータを省略した場合、順序はデフォルトの順序 (つまり、Unicode エンコード順序) に従ってソートされます。

この関数は 2 つのパラメーター a と b を受け取り、a と b を比較し、それらの相対的な順序を示す値を返します。 a が b の前に来る必要がある場合は 0 より小さい値を返し、a が b と等しい場合は 0 を返し、a が b の後に来る必要がある場合は 0 より大きい値を返します。

たとえば、number という単純な数値の配列があると仮定すると、次のように並べ替えることができます。

const numbers = [4, 2, 5, 1, 3];

numbers.sort((a, b) => a - b);

console.log(numbers); // [1, 2, 3, 4, 5]
ログイン後にコピー

上の例では、比較関数を渡しました。この関数は、次の配列を並べ替えます。番号を昇順に並べます。この関数は、比較する要素である 2 つのパラメーター a と b を受け取ります。 a が b より小さい場合は、ゼロより小さい値を返します。これにより、a が b の前に来ます。この場合、a - b を使用して比較します。

ここで、それぞれに名前と年齢のプロパティが含まれるオブジェクトの配列がある別の例を見てみましょう。オブジェクトの配列を年齢順に並べ替えたいとします。

const people = [
  { name: 'John', age: 25 },
  { name: 'Jane', age: 20 },
  { name: 'Bob', age: 30 }
];

people.sort((a, b) => a.age - b.age);

console.log(people);
ログイン後にコピー

上の例では、各オブジェクトの age プロパティに基づいて比較する比較関数を渡しました。 a の年齢と b の年齢の間の相対的な順序を示すために、同じ方法でゼロ未満、ゼロ、またはゼロより大きい値を返します。

要約すると、sort() は、定義した条件に基づいて配列を並べ替えることができるため、JavaScript の非常に便利なメソッドです。比較関数を引数として渡すことにより、デフォルトの順序だけでなく、必要に応じて配列を並べ替えることができます。

以上がJavaScriptで渡すsortパラメータの使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート