勉強したことのメモ

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

  関連記事

JavaScriptで数値のカンマ区切り化とカンマ区切りの解除

JavaScriptで数値を3桁ごとにカンマ区切り化したい。また、それとは逆にカ ...

日付の範囲指定用プラグイン「DateRangePicker」の利用方法

日付型のデータを検索する際に開始・終了日のテキストボックスを用意し、それぞれにタ ...

JavaScriptで特定の要素にマウスオーバーした際、ツールチップを表示させる「Tippy.js」ライブラリの利用方法

JavaScriptで特定の要素にマウスオーバーした際、ちょっとした説明文等を書 ...

JavaScriptでURLのクエリを取得する2

直近で調べたのとは別に、 http://aaa.bbb/ccc/id123?te ...

formのtextareaに文字を入力した内容をリアルタイムプレビューする方法

textarea内に書いた内容をリアルタイムでプレビューする機能が必要になった。 ...