JavaScript を使用してデータを降順に並べ替える

Muhammad Muzammil Hussain 2023年10月12日
  1. JavaScript で sort() メソッドを使用する
  2. JavaScript で reverse() メソッドを使用する
  3. sort()reverse() メソッドを使用してデータを降順に並べ替える
  4. カスタム関数を使用してデータを降順に並べ替える
JavaScript を使用してデータを降順に並べ替える

JavaScript では、sort()reverse() などのデフォルトの配列メソッドを使用して、配列データを降順に並べ替えて設定します。 同じ結果を得る関数を作成できます。配列データを降順で取得する両方の方法を実装します。

JavaScript で sort() メソッドを使用する

JavaScript では、sort() は定義済みのメソッドです。 配列要素を並べ替えます。

構文:

let array = ['c', 'b', 'd', 'a', 'e']
array.sort()

JavaScript で reverse() メソッドを使用する

JavaScript では、reverse() は定義済みのメソッドです。 配列要素を逆にします。

構文:

let array = ['a', 'b', 'c', 'd', 'e']
array.reverse()

sort()reverse() メソッドを使用してデータを降順に並べ替える

データを降順でソートするには、単一の配列に両方のメソッドを実装するためのデータの配列が必要です。 ソートされていない要素を含む配列を初期化し、sort および reverse メソッドをテストします。

例:

<script>
let array = ["c","b","d","a","e"]
console.log("original array array :"+array)

let result = array.sort()
result = array.reverse()
console.log("sorted descending array :"+result)
</script>

出力:

"original array array :c,b,d,a,e"
"sorted descending array :e,d,c,b,a"

上記のコードでは、ソートされていない文字要素を含む配列を初期化しました。 その配列で sort() メソッドを使用して、最初に要素を並べ替えました。

次に、並べ替えられた結果の配列に対して reverse() メソッドを使用して、順序を降順に変更しました。 最後に、console.log() を使用して結果を表示しました。

カスタム関数を使用してデータを降順に並べ替える

例:

let array = ['c', 'b', 'd', 'a', 'e']

console.log(array.sort((a, b) => {
  const lastCodeIn = b.toLowerCase().charCodeAt();
  const lastCode = b.charCodeAt();
  const firstCodeIn = a.toLowerCase().charCodeAt();
  const firstCode = a.charCodeAt();

  if (lastCodeIn - firstCodeIn === 0) {
    return lastCode - firstCode;
  }
  return lastCodeIn - firstCodeIn;
}));

出力:

"original array array :c,b,d,a,e"
"sorted descending array :e,d,c,b,a"

上記の例では、ソートされていない文字要素を含む配列を初期化しました。 その配列でカスタム メソッドを使用して、要素を降順に並べ替えました。

文字コードの助けを借りて要素を置き換えました。 次に、console.log() メソッドを使用して結果を表示します。

関連記事 - JavaScript Sort