連想配列／オブジェクト？どちらなのか教えて

Question

・色々やっている内よく分からないデータになったので、連想配列／オブジェクト？ どちらなのか教えてください

■前提オブジェクト
var t1 = { key1: '佐藤' , key2: '鈴木' };

■配列作成
var t2 = new Array();

■配列にオブジェクトを格納？
t2[t1['key1']]=t1['key2'];
console.log(t2); //[佐藤: "鈴木"]

■アクセスしてみる
console.log("t2['佐藤']"); //鈴木
console.log(t2[0]); //undefined

■質問
・t2[0]は、なぜundefined？
・t2配列0番目に「佐藤: "鈴木"」というオブジェクトが入っていると思ったのですが…

・t2は、連想配列／オブジェクトの何れでしょうか？
・挙動から推測するとオブジェクトっぽいのですが、外側のかっこが[]でもオブジェクトなのでしょうか？
・外側のかっこが[]は配列で、外側のかっこが{}はオブジェクトと思っているのですが…

think49 · Accepted Answer

#1 です。

連想配列ではありませんが、ES6 規定の Map が re97 さんの求めるものに近いかもしれません。
Object と違い、「定義順で反復処理」できますし、「key を追加すれば length に反映」されます。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Map

---
うすうすお気づきだと思いますが、ECMAScript の new Array は数値添字配列(かつオブジェクト型ですし、new Object は key と value を定義できるだけで「配列」としての機能はありません。
あくまで「連想配列」を求めるのなら

var a = [{key1: '佐藤'}, {key2: '鈴木'}];

のように定義して for, forEach で走査するのが現実解だと思います。
ES6 が普及したら Map に移行すればいいでしょう。

# Re: re97 さん

Gotthold · Answer

「連想配列」という言葉ですが、
私は「文字列をキーにして値を取得できるデータタイプ」の意味で使っているので
私の回答についてはそのように解釈してください。
（なので、Objectを「文字列をキーにして値を取得できるデータタイプ」として使える、のように言い換えても良いです。）

また、私の回答の中では、「連想配列」の要件に
lengthプロパティや配列のメソッド、順序保持は含めていないです。

「配列」も非負整数をキーにして値を取得できればよくて
lengthとか各種メソッドが配列の本質的な要件とは考えてなかったですね。
（もちろんあったら便利だけど。）
実際C言語だと、配列にlengthやメソッドに相当するものは無かったし。

think49 · Answer

#1,4 です。
意見の相違が見られるようなので、私が「new Object が連想配列ではない」と思う根拠を示しておきます。

1. ECMAScript で連想配列が定義されていない
言葉通りです。
少なくとも、ECMAScript 5 までに連想配列の文字は出てきません。

2. lengthプロパティがない
「配列」というからには配列の長さを確認できなければなりません。

3. 配列のメソッドを使えない
連想「配列」なのですから forEach のような配列用メソッドがあってしかるべきです。

4. 定義順で列挙できない
for-in は ES5 規定では列挙順がランダムです。

---
var obj = {key2: 'hoge', key1: 'foo'};
for (key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key + ': ' + obj[key]);
  }
}
---

Google Chrome 38 では定義順(key2 -> key1)で列挙してくれましたが、全ての実装で同じ順序で列挙される保証はありません。

b0a0a · Answer

JavaScriptのオブジェクトは連想配列です。
ただしkeyにはStringかSymbolしか使えません。
もしそれ以外の型を使うと文字列化されて利用されます。

keyにオブジェクト等を使いたいのであればMapを使ってください。
また、将来的にはオブジェクト同士の関係を作れるようにもなります。
https://github.com/zenparsing/es-abstract-refs

Gotthold · Answer

> ・それとも、console.logが単にそうなっているから？
console.logがそうなっているだけの話で、正直どうでも良いと思う。
standardがあるわけでもないし、console.log作った人がこんな風に表示したら分かりやすいと考えただけじゃないの？

var t = [];
t[0] = "A";
t[1] = "B";
t[2] = "C";
t[3] = "D";
t[6] = "E";
t[9] = "F";
console.log(t);
//Firefox => Array [ "A", "B", "C", "D", , , "E", , , "F" ]
//Google Chrome => ["A", "B", "C", "D", 6: "E", 9: "F"]

think49 · Answer

ECMAScript に「連想配列」は存在しません。
t2 は配列初期化子で初期化しているので配列であり、オブジェクトです。

# Re: re97さん

Gotthold · Answer

JavaScriptでオブジェクトと連想配列は同じものですよ。
連想配列によってオブジェクトを実現していると言ったら分かりますか？

> var t1 = { key1: '佐藤' , key2: '鈴木' };
このt1だってt1['key1']のように文字列をキーにして要素にアクセスできるので
連想配列そのものです。
（そもそもの話として、連想配列が文字列をキーにして要素にアクセスできる配列のことであるというのは分かってますよね？）

> console.log("t2['佐藤']"); //鈴木
ケアレスミスでしょうけど、
" " で囲っちゃダメだと思います。

> ・t2[0]は、なぜundefined？
t2[0]に何も代入していないのだから当たり前です。

> ・t2は、連想配列／オブジェクトの何れでしょうか？
t2は配列オブジェクトです。
> ・挙動から推測するとオブジェクトっぽいのですが、外側のかっこが[]でもオブジェクトなのでしょうか？
配列だってオブジェクトの一種ですよ。
誤解を恐れずにざっくり言うと、Objectにいろんな配列用のメソッドを付加したらArrayになります。

検索したら良さそうな説明見つけたので紹介しておきます。
（連載なので全記事に全部目を通しても良いかも。）
JavaScriptのオブジェクトとは：ちゃんと理解してますか - builder by ZDNet Japan
http://builder.japan.zdnet.com/script/sp_javascript-kickstart-2007/20365301/
とても”奇妙”なJavaScriptの配列：JavaやCとは違うのだよ - builder by ZDNet Japan
http://builder.japan.zdnet.com/script/sp_javascript-kickstart-2007/20366751/

連想配列／オブジェクト？ どちらなのか教えて

#1 です。

「連想配列」という言葉ですが、

#1,4 です。

JavaScriptのオブジェクトは連想配列です。

> ・それとも、console.logが単にそうなっているから？

ECMAScript に「連想配列」は存在しません。

JavaScriptでオブジェクトと連想配列は同じものですよ。

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

連想配列／オブジェクト？どちらなのか教えて