アルファベット順に配列をソートする

JavaScriptJavaScriptBeginner
今すぐ練習

This tutorial is from open-source community. Access the source code

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

この実験では、JavaScript を使って、与えられたプロパティに基づいてオブジェクトの配列をアルファベット順にソートする方法を学びます。与えられたプロパティの値を比較するために、Array.prototype.sort() メソッドと String.prototype.localeCompare() メソッドを使います。これにより、必要に応じて配列を昇順または降順に簡単にソートできます。


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28618{{"アルファベット順に配列をソートする"}} javascript/data_types -.-> lab-28618{{"アルファベット順に配列をソートする"}} javascript/arith_ops -.-> lab-28618{{"アルファベット順に配列をソートする"}} javascript/comp_ops -.-> lab-28618{{"アルファベット順に配列をソートする"}} end

JavaScript で与えられたプロパティに基づいて配列をアルファベット順にソートする方法

JavaScript で与えられたプロパティに基づいてオブジェクトの配列をアルファベット順にソートするには、次の手順を実行します。

  1. ターミナル/SSH を開き、コーディングを練習するために node と入力します。
  2. Array.prototype.sort() を使って、与えられたプロパティに基づいて配列をソートします。
  3. String.prototype.localeCompare() を使って、与えられたプロパティの値を比較します。

以下は使用できるコード スニペットの例です。

const alphabetical = (arr, getter, order = "asc") =>
  arr.sort(
    order === "desc"
      ? (a, b) => getter(b).localeCompare(getter(a))
      : (a, b) => getter(a).localeCompare(getter(b))
  );

オブジェクトの配列とソート対象のプロパティを返すゲッター関数を使って、alphabetical 関数を呼び出すことができます。以下は使用例です。

const people = [{ name: "John" }, { name: "Adam" }, { name: "Mary" }];
alphabetical(people, (g) => g.name);
// [ { name: 'Adam' }, { name: 'John' }, { name: 'Mary' } ]
alphabetical(people, (g) => g.name, "desc");
// [ { name: 'Mary' }, { name: 'John' }, { name: 'Adam' } ]

まとめ

おめでとうございます!アルファベット順に配列をソートする実験を完了しました。技術力を向上させるために、LabEx でさらに実験を行って練習してください。