javascriptで連想配列のソート

Question

javascriptで連想配列のソートは出来るでしょうか。
下記サイトを参照しましたが、連想配列ではundefindedになりました。

https://qiita.com/PianoScoreJP/items/f0ff7345229871039672
https://qiita.com/ShaderKid/items/ac790b1f2dc387477d4f

  //ソート対象の連想配列
  var aryParam = {};

  //データ配列
  var ary_1 = {val1 : 2, val_2 : 3, str_1 : "ああああ", str_2 : "いいいい"};
  var ary_2 = {val1 : 4, val_2 : 4, str_1 : "うううう", str_2 : "ええええ"};
  var ary_3 = {val1 : 3, val_2 : 1, str_1 : "おおおお", str_2 : "かかかか"};
  var ary_4 = {val1 : 1, val_2 : 2, str_1 : "きききき", str_2 : "くくくく"};

  //配列に格納
  aryParam["id_1"] = ary_1;
  aryParam["id_2"] = ary_2;
  aryParam["id_3"] = ary_3;
  aryParam["id_4"] = ary_4;

  //配列をソート

  //val1でソート
  //  aryParam["id_4"] = ary_4;  //val1:1
  //  aryParam["id_1"] = ary_1;  //val1:2
  //  aryParam["id_3"] = ary_3;  //val1:3
  //  aryParam["id_2"] = ary_2;  //val1:4

  //val2でソート
  //  aryParam["id_3"] = ary_3;  //val2:1
  //  aryParam["id_4"] = ary_4;  //val2:2
  //  aryParam["id_1"] = ary_1;  //val2:3
  //  aryParam["id_2"] = ary_2;  //val2:4

  /* ソートというよりは、val1またはval2の順番で値を取得したい */

追記
ご回答ありがとうございました。
今回は、連想配列のキーを任意順に取り出す関数を作成することに致しました。

  //ソートされたid配列
  var aryNewId = sortBy(aryParam, "val_1", "asc");

  //idループ
  for(id in aryNewId){
    console.log("----");
    console.log(id);
    console.log(aryParam[id]["val_1"]);
    console.log(aryParam[id]["val_2"]);
    console.log(aryParam[id]["str_1"]);
    console.log(aryParam[id]["str_2"]);
  }

Comments

[kei344]

まだ質問が「受付中」になっていますが、いったんご自身の回答をもって「解決済」にされてはいかがでしょうか。

Answer 1

Map.prototype.sort

• map-prototype-sort.js: Array.prototype.sort 互換のメソッドを定義
• キー付きコレクション - JavaScript | MDN

オブジェクト≠連想配列

javascriptで連想配列のソート

JavaScriptのオブジェクトは連想配列ではありません。
つまり、他の言語にあるような連想配列の機能を備えていません。

• プロパティ列挙順序が定義されていません
• length プロパティのような配列の長さを測る機能を持ちません
• オブジェクト初期化子で定義したオブジェクトは __proto__ に Object 型もしくは Null 型以外の値を代入できません

詳細は下記リンク先を参照して下さい。

• [JavaScript] オブジェクト, Map, WeakMap の使い分け方.md

Re: uer03108 さん

Answer 2

そもそも、javascriptのオブジェクト（連想配列）のプロパティに順序はないですよ。

Comments

[uer03108]

ご回答ありがとうございます。
勉強になりました。

Answer 3

提示されたURLはどちらも配列に入れているため、配列メソッドが使用できる状態です。
また、{}はオブジェクトなので、「連想配列」と呼ぶのは微妙だと思います。

提示されたURLのようにオブジェクトの配列を使うか、Mapを使用するかどちらかだと思います。

【連想配列はMapを使うべきは本当か？ - Qiita】
https://qiita.com/raccy/items/816a322fb330193e788b

Comments

[uer03108]

ご回答ありがとうございました。
javascriptにmapあったんですね。。
知りませんでした。
割と一般的に使用されるのでしょうか。

[kei344]

> 割と一般的に使用されるのでしょうか。
IE11以降であれば使用できるので、普通に使えますね。

[uer03108]

有難うございます。
時間がある時に読んでみます（難しそうですが）。
直感的には、連想配列≒Mapの様な気が致します。

Answer 4

aryParam がオブジェクトだから難しいのでは？
オブジェクト内のitemの参照順位は不定なので。
もしaryParamが配列ならソートは可能でしょう

sample

一応サンプル

var a= [
 {val1 : 2, val_2 : 3, str_1 : "ああああ", str_2 : "いいいい"},
 {val1 : 4, val_2 : 4, str_1 : "うううう", str_2 : "ええええ"},
 {val1 : 3, val_2 : 1, str_1 : "おおおお", str_2 : "かかかか"},
 {val1 : 1, val_2 : 2, str_1 : "きききき", str_2 : "くくくく"},
];
var b=a.sort(function(x,y){
  return x.val1===y.val1?0:(x.val1>y.val1?1:-1);
}).map(function(x){
  return x;
});
console.log(b);
var c=a.sort(function(x,y){
  return x.val_2===y.val_2?0:(x.val_2>y.val_2?1:-1);
}).map(function(x){
  return x;
});
console.log(c);

Comments

[uer03108]

サンプル有難うございます。
参考にさせて頂きます。