javascript 配列のバブルソートを1行で記述する

javascript 配列のバブルソートを1行で記述する

javascriptで、sortとアロー関数を使用して、配列のバブルソートを1行で記述するサンプルコードを掲載してます。ブラウザはchromeを使用しています。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

arr.sort構文

arr.sortは以下の通り、コールバック関数を使用することができ、これとアロー関数を使用することで、1行でバブルソートを記述することが可能です。

アロー関数のサンプルは以下となります。

バブルソートを1行で記述

右から左、横の数字を比較していって、小さい順に入れ替えていく「バブルソート」を、上記のarr.sortとアロー関数を使用すると、以下のように1行で記述することが可能です。

降順にする場合は、引数を逆にします。

実際に実行してみると、ソートされているることが確認できます。

また、アロー関数を使用しない場合は、以下の通りになります。

コールバック関数を、外に記述することも当然可能です。

サンプルコード

以下は、
「実行」ボタンをクリックすると、ランダムに5個の配列を生成して、ソートした結果を表示する
サンプルコードとなります。

※cssには「tailwind」を使用してます。

ランダムに生成された配列がソートされていることが確認できます。