JavaScriptで連想配列を数値の降順でソートする方法
2024/05/22
JavaScriptで連想配列を数値の降順でソートしたかったんだけど、色々調べてhash.sort云々やっても上手いこといかず。そこでバブルソートすればいいんじゃないのかと思って調べたらいけた。以下にソースコードをメモ。
ソースコード
let hash = [
{num: 5},
{num: 1},
{num: 3},
{num: 2},
{num: 4},
]
for( let i = 0, len = hash.length - 1; i < len; i++ ){
for( let j = 0, len2 = hash.length - i - 1; j < len2; j++ ){
if( Number(hash[j].num) < Number(hash[j + 1].num) ){
n = hash[j];
hash[j] = hash[j + 1];
hash[j + 1] = n;
}
}
}
console.log(hash);
上記ソースコードを実行すると以下がコンソールに表示される筈。numの降順になっている点が確認できる。
Array(5) [ {…}, {…}, {…}, {…}, {…} ]
0: Object { num: 5 }
1: Object { num: 4 }
2: Object { num: 3 }
3: Object { num: 2 }
4: Object { num: 1 }
参考サイト
関連記事
-
-
PHPの配列をファイルに保存してPHPやJavaScriptで呼び出す方法
PHPの配列をファイルとして保存し、別のページからPHPやJavaScriptで ...
-
-
マウスオーバーでの画像切り替えをJavaScriptで簡単に対応
マウスが要素にのった際に画像を切り替える処理を入れたかった。多分CSSの管轄なん ...
-
-
Leafletにて操作内容を履歴に残し「進む」「戻る」ボタンで履歴を実行できる「Leaflet.NavBar」の利用方法
Leafletにてマップ移動やズーム等、ユーザーの操作内容を履歴に残して、「進む ...
-
-
Lightboxで画像拡大時に閉じるボタンの位置を右上に変更
Lightbox(バージョン2.7.1)で画像拡大時に閉じるボタンの位置を右下か ...
-
-
Chart.jsで横スクロール可能なグラフを表示させる方法
Chart.jsで折れ線グラフを表示するページがあった。過去1年分のデータをグラ ...