Written by Kasumi

【JavaScript】数値配列を昇順・降順にソートし、入れ替える方法

数値配列内の値を昇順・降順にソートし、入れ替えたい。

本記事ではこのような悩みを解決。

実装方法について解説します。

昇順に並び替え

var array = [5, 20, 1, 4];
array.sort(function (a, b) {
  // a-bの差が正(+)のとき、aをbの後ろに並べ替え
  // a-bの差が負(-)のとき、aをbの前に並べ替え
  return a - b;
});
// 降順出力
// [1, 4, 5, 20]
console.log(array);

昇順に数値配列を並び替えるサンプルコードです。

並び替えにはsortメソッドを用います。

sortメソッド内でコールバック関数【a(配列内の一つ目の数値)】-【b(配列内の二つ目の数値)】を定義。

【a(配列内の一つ目の数値)】ー【b(配列内の二つ目の数値)】が正(+)の時aをbの後ろに並べ替え
【a(配列内の一つ目の数値)】ー【b(配列内の二つ目の数値)】が負(-)の時aをbの前に並べ替え

上記の比較演算結果を返す事で昇順に数値配列を並び変える事ができます。

降順に並び替え

var array = [5, 20, 1, 4];
array.sort(function (a, b) {
  // b-aの差が正(+)のとき、bをaの後ろに並べ替え
  // b-aの差が負(-)のとき、bをaの前に並べ替え
  return b - a;
});
// 降順出力
// [20, 5, 4, 1]
console.log(array);

前章とは逆に降順に並び替えるサンプルコードです。

コールバック関数をa-bからb-aに変更するだけです。

まとめ

上記の実装方法でJavaScriptの数値配列を昇順・降順に並び替える事ができます。

webサイトに簡単なソート機能(ランキングなど)を付けたい場合、役立ちます。

以上で解説を終わります。

目次

関連記事

JavaScript

JavaScriptでDOM(HTML)・画像の読み込み完了時に任意の処理を実行する方法

2022.12.26
2536
JavaScript

JavaScriptでクラスを継承。親の関数・メソッドを子で呼び出す方法

2022.12.20
2844
JavaScript

【簡単】JavaScriptを使って任意の文字列を置換する方法

更新日:2022.09.09
1015
JavaScript

【JavaScript】fetchメソッドを使ってJSONを非同期で読み込み・HTMLに出力する方法

2023.01.02
5065