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

JavaScript でオブジェクトの配列を名前で並べ替えるにはどうすればよいですか?

Barbara Streisand
リリース: 2024-11-21 01:07:12
オリジナル
765 人が閲覧しました

How do I sort an array of objects by first name in JavaScript?

JavaScript で配列を名で並べ替える

JavaScript では、特定のプロパティで配列を並べ替えるには並べ替え関数が必要です。このコードは、「firstname」プロパティによって配列をアルファベット順に並べ替える方法を示しています。

var userArray = [{
  firstname: "Anna",
  lastname: "Nickson",
  email: "user@example.com"
}, {
  firstname: "Bob",
  lastname: "Smith",
  email: "bob@example.com"
}, {
  firstname: "Carol",
  lastname: "Jones",
  email: "carol@example.com"
}];

// Sort the array by "firstname" using localeCompare
userArray.sort((a, b) => a.firstname.localeCompare(b.firstname));

console.log(userArray); // Output: [{firstname: "Anna", ..., {firstname: "Bob", ..., {firstname: "Carol", ...}
ログイン後にコピー

コードの内訳は次のとおりです。

  • Array.sort( ) メソッド: このメソッドを使用すると、配列を並べ替えることができます。引数としてソート関数を受け取ります。
  • Sorting Function (a, b) => a.firstname.localeCompare(b.firstname):

    • アロー関数は 2 つのオブジェクト a と b を比較し、a.firstname が b.firstname より小さい場合は負の値を返します。 a.firstname の方が大きい場合は正の値、等しい場合は 0。
    • localeCompare() は、現在のロケールを使用して 2 つの文字列を比較する文字列メソッドです。これにより、さまざまなロケールに対して正しい並べ替え順序が保証されます。
  • 配列の並べ替え: sort メソッドは、並べ替え関数を配列内の要素の各ペアに適用し、効果的に並べ替えます。アルファベット順の「名」による配列。

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

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