勉強したことのメモ

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 / jQueryでブラウザのウィンドウがアクティブかどうかを判別する方法

ある動画サイトを閲覧していた際にウィンドウが非アクティブになると視聴中の動画が止 ...

ラジオボタンのカスタムデータ属性を取得し、特定の値の場合はチェックさせない方法

ASPを使用したサイトで特定のradioボタンは選択不可にしたいというケースがあ ...

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

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

Video.jsで動画再生開始時と終了時に指定したアクションを発火させる方法

以前にYouTube埋め込み動画が再生終了したタイミングでJavaScriptの ...

jQueryでformの各種パーツ(テキストボックス等)の操作まとめ

jQueryでフォームのセレクトメニューやラジオボタン等、各種パーツを操作するこ ...