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 }
参考サイト
関連記事
-
-
JavaScriptにてカラーコードのピッカーを実装できる「jscolor」の利用方法
フォームのテキストボックスにカラーコードのピッカーを実装したかった。HTMLのみ ...
-
-
vimeoの動画URLからサムネイル画像用URLを取得する方法(oEmbed API)
vimeoの動画URL(https://vimeo.com/xxxxx)からサム ...
-
-
サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法
画像をサムネイル表示してクリックしたら大きく表示する というのがLightbox ...
-
-
jQueryにて特定のIDが存在するかチェックし分岐処理する方法
jQueryにて特定のIDが存在するかチェックし分岐処理したいというケースがあっ ...
-
-
Video.jsで表示させた動画プレイヤーにロゴ画像(透かし)を追加する方法(videojs-logo)
Video.jsで表示させた動画プレイヤーの右上等、指定の位置にロゴ画像(透かし ...