この記事では、JavaScript でオブジェクト プロパティによって配列を並べ替える方法を示します。このガイドで提供される内容は次のとおりです。
- JavaScript でオブジェクト プロパティによって配列を並べ替える方法
- 例 1: JavaScript で Name プロパティを使用して配列をアルファベット順に並べ替える
- 例 2: JavaScript で Age プロパティを使用して配列を数値順に並べ替える
JavaScriptでオブジェクトプロパティで配列をソートする方法は?
の 配列.ソート() メソッドは、コールバック関数を使用して配列要素の並べ替えを容易にします。コールバック関数は、配列内のオブジェクト プロパティに基づいてすべての要素を反復処理します。このメソッドの目的は、ユーザー定義の条件を満たすことによってすべての要素を計算することです。デフォルトでは、 配列.ソート() メソッドは、既存の配列内の要素の昇順のシーケンスを返します。
構文
配列.並べ替え ( )
ノート : このメソッドは、数字要素とアルファベット要素の並べ替えに使用されます。
例 1: JavaScript で Name プロパティを使用して配列をアルファベット順に並べ替える
例を使用して、JavaScript でプロパティを介して配列値の並べ替えを実行します。
コード
console.log ( 「JavaScript でのソート配列の例」 ) ;
const 教師 = [
{ 名前： 「ジョン」 、 年： 30 } 、
{ 名前： 「ピーター」 、 年： 27 } 、
{ 名前： 'ボブ' 、 年： 38 }
] ;
教師.並べ替え ( ( x と y ) = > x.name.localeCompare ( y.name ) ) ;
console.log ( 教師 ) ;
コードの説明は次のとおりです。
- 配列「 教師 」が作成されます 名前 と 年 プロパティが格納されます。
- 方法 ' ロケール比較 」を比較するように適合されています 名前
- の 選別（） メソッドを使用して「 localeCompare() 」の最初のアルファベットを比較する方法 名前
- このメソッドは、現在の配列内のすべての要素を反復処理します。
- 最後に、 console.log() メソッドを使用して、name プロパティの値をアルファベット順に表示します。
出力
出力は、ソートされた配列をアルファベット順に返します。 ボブ、ジョン、 と ピーター .
例 2: JavaScript で Age プロパティを使用して配列を数値順に並べ替える
別の例に従って、JavaScript のオブジェクト プロパティを介して配列の並べ替えを実行します。
コード
console.log ( 「JavaScript でのソート配列の例」 ) ;ここで、objAr = [
{ 名前： 「ジョン」 、 年： 30 } 、
{ 名前： 「ピーター」 、 年： 27 } 、
{ 名前： 'ボブ' 、 年： 38 }
] ;
出力 =objAr.sort ( cmpAge ) ;
関数 cmpAge ( a、b )
{
戻る a.年齢 - b.年齢;
}
console.log ( 出力 ) ;
このコードでは:
- 配列 オブジェクト で作成されます 名前 と 年 プロパティが格納されます。
- その後、呼び出されたメソッド cmpAge を比較するために使用されます。 年
- さらに、 選別（） メソッドは、を呼び出すために使用されます cmpAge() を比較する方法 年
- メソッドは、 年 配列内のプロパティ。
- 結局、 console.log() メソッドを使用して、age プロパティを昇順に表示します。
出力
出力は、次を使用してソートされた配列を示しています。 年 JavaScript のプロパティ。
結論
JavaScript では、組み込みメソッド 配列.ソート() プロパティにアクセスして配列をソートするために使用されます。このメソッドは、コールバック関数を使用して、既存の配列内のすべての要素を反復処理します。配列をソートする 2 つの例を示します。 アルファベット順 としても 数値 注文。したがって、オブジェクトのプロパティで配列をソートする方法を理解する必要があります。さらに、すべての有名なブラウザは、 配列.ソート() 方法 JavaScript .