勉強したことのメモ

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

  関連記事

jQuery Nice Selectを特定ページのみ無効にする方法

bootstrap系のテンプレートデザインを使用したサイトを構築中に、セレクトメ ...

JavaScriptのHTTPクライアントライブラリ「AXIOS」の使い方

あるサイトのソースコードを拝見しているとAXIOSというJSファイルをCDN呼び ...

3Dデータ(objファイル)をブラウザ上で表示する方法(JSC3D)

3Dデータをブラウザで表示させて、違う方向から見たり、縮小拡大をしたいという案件 ...

JavaScriptのbeforeunloadイベントでページの離脱防止

何らかのformがあるページで各種内容を入力後に何らかのリンクをクリックする等、 ...

table内のiframeのheightを最大高さにする

tableのtdの中にリンクがあり、クリックすると td内でiframeが開く。 ...