JQuery/JavaScriptを使用してオブジェクトの配列を属性ごとに並べ替える方法は?

JQuery/JavaScript を使用したオブジェクト配列の並べ替え

JavaScript では、特定の属性に基づいて並べ替えが必要なオブジェクトの配列が発生することがあります。オブジェクトの配列を特定の属性 (今回の場合は「名前」など) で並べ替えるには、次の手順に従います。

1. 属性を抽出します。 属性を抽出するヘルパー関数を作成します。配列内の各オブジェクトから必要な属性を取得します。あなたの場合、それは function(object) { return object.name; になります。 }.
2. 比較関数の定義: 2 つのオブジェクトを受け取り、それらの指定された属性を比較する比較関数を実装します。 「名前」で昇順に並べ替えるには、 function(a, b) { return a.name.toLowerCase() - b.name.toLowerCase(); を使用します。 }.
3. Use Array.sort(): 提供された比較関数をパラメーターとして使用して、sort() メソッドを配列に適用します: array.sort(comparisonFunction);.

例:

次のオブジェクトの配列について考えます。

<code class="javascript">var array = [
  { id: 1, name: "Alice", value: 10 },
  { id: 2, name: "Bob", value: 15 },
  { id: 3, name: "Carl", value: 5 }
];</code>

配列を「名前」で昇順に並べ替えるには、次の関数:

<code class="javascript">function SortByName(a, b) {
  var aName = a.name.toLowerCase();
  var bName = b.name.toLowerCase();
  return ((aName < bName) ? -1 : ((aName > bName) ? 1 : 0));
}</code>

次を使用して並べ替えを適用します:

<code class="javascript">array.sort(SortByName);</code>

結果の配列は、「名前」によって昇順に並べ替えられます:

<code class="javascript">[
  { id: 3, name: "Carl", value: 5 },
  { id: 1, name: "Alice", value: 10 },
  { id: 2, name: "Bob", value: 15 }
]</code>

重複した質問について:

この質問は、より注目を集めた後の質問と類似していると考えられたため、以前に重複としてクローズされたようです。ただし、この質問は以前に尋ねられたものであり、重複としてマークされるべきではありませんでした。

以上がJQuery/JavaScriptを使用してオブジェクトの配列を属性ごとに並べ替える方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。