ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript でオブジェクトの配列をプロパティ値で並べ替えるにはどうすればよいですか?

JavaScript でオブジェクトの配列をプロパティ値で並べ替えるにはどうすればよいですか?

Susan Sarandon
Susan Sarandonオリジナル
2024-12-20 13:27:14798ブラウズ

How do I Sort an Array of Objects by Property Value in JavaScript?

JavaScript でのプロパティ値によるオブジェクトの配列の並べ替え

JavaScript は、特定のプロパティによってオブジェクトの配列を並べ替える洗練されたソリューションを提供します。この機能は、リストの編成、個別の要素のフェッチ、およびデータ分析の実行に不可欠です。

問題ステートメント:

AJAX 経由でオブジェクトの配列を取得し、次の操作を行いたいと考えています。 「価格」プロパティに基づいて並べ替えます。並べ替えでは昇順と降順の両方が可能である必要があります。

解決策:

昇順

オブジェクトを並べ替えるには価格の安い順に、次のJavaScriptを使用してくださいfunction:

homes.sort((a, b) => parseFloat(a.price) - parseFloat(b.price));

ES6 以降の場合:

homes.sort((a, b) => a.price - b.price);

Descending Order

価格の降順でオブジェクトを並べ替える、使用:

homes.sort((a, b) => parseFloat(b.price) - parseFloat(a.price));

またはES6:

homes.sort((a, b) => b.price - a.price);

比較する前に、文字列の価格を数値に解析 (parseFloat) することを忘れないでください。

例:

指定された配列の場合オブジェクトの価格を昇順に並べ替えると、次の結果が得られます。

[
  {
    "h_id": "3",
    "city": "Dallas",
    "state": "TX",
    "zip": "75201",
    "price": "162500"
  },
  {
    "h_id": "4",
    "city": "Bevery Hills",
    "state": "CA",
    "zip": "90210",
    "price": "319250"
  },
  {
    "h_id": "5",
    "city": "New York",
    "state": "NY",
    "zip": "00010",
    "price": "962500"
  }
]

そして降順:

[
  {
    "h_id": "5",
    "city": "New York",
    "state": "NY",
    "zip": "00010",
    "price": "962500"
  },
  {
    "h_id": "4",
    "city": "Bevery Hills",
    "state": "CA",
    "zip": "90210",
    "price": "319250"
  },
  {
    "h_id": "3",
    "city": "Dallas",
    "state": "TX",
    "zip": "75201",
    "price": "162500"
  }
]

この並べ替え機能により、JavaScript アプリケーションで柔軟かつ効率的なデータ操作が可能になります。

以上がJavaScript でオブジェクトの配列をプロパティ値で並べ替えるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。