js 連想配列を[]で入れるのと{}入れる違い

Question

    test = [];
    test.hoge = 0;
    test.hogee = 1;

    test2 = {};
    test2.huga = 2;
    test2.hugaa = 3;

    console.dir(test);
　　//Array(0)
    //hoge: 0
    //hogee: 1
    //length: 0

    console.dir(test2);
    //Object
    //huga: 2
    //hugaa: 3

{}と[]の違いはなんでしょうか？
普段は何も考えず{}で囲んで連想配列を使っているのですが、他人のソースコードを呼んでると[]で囲んでいる人がいるので疑問に思いました。

メリットデメリットがあれば教えてください

Answer 1

[]は配列です。console.logした結果で分かるように、test.hogeは配列の要素ではないので、そのような使いかたはやめたほうがいいです。
(lengthが0になっていますよね)

「連想配列」というものはないので、objectかMapを使いましょう

---

質問者様以外の「javascriptで[]と{}の違い」を求めてこられた方へ

• mts10806さんの回答のとおり、型の違いです。
• javascriptに連想配列はありません。それは配列ではありません。

下記のような動作になりますので、気をつけてください

var     test = [3];
    test.hoge = 0;
    test.hogee = 1;
test.forEach(function(e){console.log(e);}); //3だけが出力される

Comments

[papinianus]

PHPerですかね？？

Answer 2

{}と[]の違いはなんでしょうか？

console.log()の結果に明確に出てますよ。
[]
↓
//Array(0)

{}
↓
//Object

冒頭は変数の型です。

メリットデメリットを語るのであれば、そのままArrayとObjectのメリットデメリットになります。
そのあたりは「array object 違い」などで検索して理解を深めてください。

Answer 3

既出ですが
型の違いになりますね。

ご参考までに
オブジェクト型にするメリットの記事がありました。
https://teratail.com/questions/49589

個人的には基本はArray型（[]のほう）を使用して
特別なメソッドをもたせたいなどの場合のみObeject型（{}のほう）
を使ってます。

オブジェクト指向でプログラミングするのにObeject型を使うのが
きれいで好きなんですが
phpのフレームワークは手続き型になっている場合が多いので
実際はほぼArray型しかつかっていません。。。

Comments

[L85A2]

あーなるほど
web系を最近学び始めたばかりだったのでのでhtmlとcssとjs周りだけしかまだ勉強していませんでした。
ナイスアンサーです。