JavaScriptで連想配列をソートしたい

Question

前提・実現したいこと

たとえばこんな連想配列があったとして、

var array = {
  2: ["2", 0, 0, 0, 0],
  ccc: ["ccc", 9999, 0, 0, 0],
  あああ: ["あああ", 0, 0, 0, 9999],
  1: ["1", 0, 0, 9999, 0],
  aaa: ["aaa", 0, 0, 0, 0]
}

これを以下のように並べ替えたいです。

var array = {
  1: ["1", 0, 0, 9999, 0],
  2: ["2", 0, 0, 0, 0],
  aaa: ["aaa", 0, 0, 0, 0],
  ccc: ["ccc", 9999, 0, 0, 0],
  あああ: ["あああ", 0, 0, 0, 9999],
}

こういった場合どのようにすればよいでしょうか？

試したこと

.sort()を使って以下のように書いてみたのですが、

array.sort(function (a, b) {
  var comparison = 0;
  if (a[0] > b[0]) {
    comparison = 1;
  } else if (a[0] < b[0]) {
    comparison = -1;
  }
  return comparison;
});

どうもうまくいきません。

以上です

お手数ですが皆様のお知恵を拝借できれば幸いです。

Answer 1

{} は連想配列ではありません。
https://teratail.com/questions/125406

Re: okame さん

Comments

[okame]

回答ありがとうございました。

Answer 2

まず、JavaScriptのオブジェクトは他言語の連想配列にあたるものですが、
連想配列ではないので順不同なものであり、順番が保証してくれない特性があります。
(JSの最新の仕様で順番は指定できましたっけ？でも順番を編集する機能は特にない)

これが前提でまぁ気にしないほうが良いかとは思いますが、
多分新しいオブジェクトを作って格納していけば、ソート済みのオブジェクトが生成出来るかと想います。
Chromeの場合、下記のコードで意図通りの動作を確認しました。

var array = {
  2: ["2", 0, 0, 0, 0],
  ccc: ["ccc", 9999, 0, 0, 0],
  あああ: ["あああ", 0, 0, 0, 9999],
  1: ["1", 0, 0, 9999, 0],
  aaa: ["aaa", 0, 0, 0, 0]
}
console.log(Object.keys(array))
// ["1", "2", "ccc", "あああ", "aaa"] <- 生成した瞬間に整数文字列の1と2は常に先に来るらしい

var sortedKeys = Object.keys(array).sort()
console.log(sortedKeys)
// ["1", "2", "aaa", "ccc", "あああ"] <- キーの配列に変換してからソート

var newArray = {}
for (var key of sortedKeys) {
  newArray[key] = array[key]
}
console.log(Object.keys(newArray))
// ["1", "2", "aaa", "ccc", "あああ"] <- 1と2は制御出来ないが「あああ」は最後尾に移動した

【追記】 maisumakunさんの助言: オブジェクトの整数文字列のキーは制御できません
確かに制御出来ませんでした。
他のキーは一応意図通りに順序を変更出来ましたので編集して載せておきます。

Comments

[maisumakun]

以前に何かで検証したのですが、Chromeの場合、整数文字列のキーは数値としての順番が強制されて、その順番を入れ替えたりはできないようです。

[miyabi-sun]

あら、そうなんですね。
調査したら確かにそのような挙動でしたので修正しておきます。

[maisumakun]

もちろんそれも保証される挙動ではないので、どうでもいいといえばどうでもいい話ですけどね。

[okame]

ご教示いただいた方法で無事に解決しました！
miyabi-sun さん、 maisumakun さん、本当にありがとうございました☆m(_ _)m

[okame]

最終的に①大文字小文字を区別しない②for ofはIE非対応なので使わない という仕様を追加して以下のようにしました。

```javascript
var array = {
1: ["1", 0, 0, 9999, 0],
2: ["2", 0, 0, 0, 0],
AAA: ["AAA", 0, 0, 0, 0],
ccc: ["ccc", 9999, 0, 0, 0],
あああ: ["あああ", 0, 0, 0, 9999],
aaa: ["aaa", 0, 0, 0, 0],
CCC: ["CCC", 9999, 0, 0, 0]
}

var sortedKeys = Object.keys(array).sort(function (a, b) {
var str1 = a.toLowerCase();
var str2 = b.toLowerCase();
var comparison = 0;
if (str1 > str2) {
comparison = 1;
} else if (str1 < str2) {
comparison = -1;
}
return comparison;
});
var sortedList = {};
sortedKeys.forEach(function (key) {
sortedList[key] = array[key];
});
```

[think49]

To: okame さん
整数値のキーがあるようですが、いいのでしょうか。

Answer 3

まず検索をすると質問文を書かなくても答えが得られる場合があります。

javascriptで連想配列のソート
https://teratail.com/questions/125406

Comments

[okame]

回答ありがとうございました。