JavaScript-未定義のプロパティを設定できません

私のコード：

var a = "1",
b = "hello",
c = { "100" : "some important data" },
d = {};

d[a]["greeting"] = b;
d[a]["data"] = c;

console.debug (d);

次のエラーが発生します。

Uncaught TypeError：undefinedのプロパティ 'greeting'を設定できません。

私は連想配列に似た何かをしようとしています。なぜこれが機能しないのですか？

d[a]値を設定することはありません。

このため、はにd[a]評価されundefined、にプロパティを設定することはできませんundefined。

d[a] = {}直後に追加するとd = {}、期待どおりに機能するはずです。

または、オブジェクト初期化子を使用することもできます。

d[a] = {
    greetings: b,
    data: c
};

またはd、無名関数インスタンスのすべてのプロパティを設定することもできます。

d = new function () {
    this[a] = {
        greetings: b,
        data: c
    };
};

ES2015の機能をサポートする環境にいる場合は、計算されたプロパティ名を使用できます。

d = {
  [a]: {
    greetings: b,
    data: c
  }
};

d[a]連想配列またはオブジェクトのいずれかに設定する必要があります。

• d[a] = [];
• d[a] = {};

設定しないと、これが起こっています：

d[a] == undefinedので、あなたがやっているundefined['greeting']=b;と定義により、undefinedにはプロパティがありません。したがって、受け取ったエラー。

に保存されd[a]ているオブジェクトは何も設定されていません。したがって、はにd[a]評価されundefinedます。プロパティをundefined:)に割り当てることはできません。オブジェクトまたは配列を以下に割り当てる必要がありますd[a]。

d[a] = [];
d[a]["greeting"] = b;

console.debug(d);

JavaScriptでは、ほとんどすべてがオブジェクトでnullありundefined、例外です。

のインスタンスArrayはオブジェクトです。同じ理由で配列のプロパティを設定できますが、オブジェクトではないため、未定義のプロパティを設定できません

単純なチェックを行って、d [a]が存在するかどうかを確認し、存在しない場合は初期化します...

var a = "1",
    b = "hello",
    c = { "100" : "some important data" },
    d = {};

    if (d[a] === undefined) {
        d[a] = {}
    };
    d[a]["greeting"] = b;
    d[a]["data"] = c;

    console.debug (d);