勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptで連想配列を数値の降順でソートする方法

   2024/05/22  JavaScript

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 }

 

参考サイト

http://www.openspc2.org/reibun/javascript/sort/002/

 - JavaScript

  関連記事

Leafletで「Leaflet-MiniMap」プラグインを導入し通常のマップと連動するミニマップを表示する方法

Leafletでマップを表示した上で、そのマップと連動したミニマップを表示させた ...

highcharts.jsについて

プログラムの作りかえを行う際、既存のソースで highcharts.jsを使って ...

JavaScriptで簡単にURL操作が行える「domurl」ライブラリの利用方法

JavaScriptでGETパラメータやURLを操作する際にsplitで配列に分 ...

jQueryにて指定した要素を検索条件から除外するnot()の利用方法

あるソースコードを拝見しているとjQueryでnot()という使ったことの無いメ ...

jQueryにて複数のajax処理のレスポンスをまとめて表示する方法

同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...