JavaScript - Impossible de définir une propriété non définie

Question

Mon code :

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

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

console.debug (d);

Je reçois l'erreur suivante :

Erreur de Type Non Rattrapée : Cannot set property 'greeting' of undefined.

J'essaie de faire quelque chose de similaire à un tableau associatif. Pourquoi cela ne fonctionne-t-il pas ?

Answer 1

Tu n'as jamais mis d[a] à n'importe quelle valeur.

A cause de ça, d[a] évalue à undefined et vous ne pouvez pas définir de propriétés sur undefined .

Si vous ajoutez d[a] = {} juste après d = {} les choses devraient fonctionner comme prévu.

Vous pouvez également utiliser un initialisateur d'objet :

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

Ou vous pouvez définir toutes les propriétés de d dans une instance de fonction anonyme :

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

---

Si vous êtes dans un environnement qui supporte les fonctionnalités de ES2015, vous pouvez utiliser noms des propriétés calculées :

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

Answer 2

Vous devez définir d[a] soit un tableau associatif, soit un objet :

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

---

Sans cadre, c'est ce qui se passe :

d[a] == undefined donc vous faites undefined['greeting']=b; et par définition, l'indéfini n'a pas de propriétés. Ainsi, l'erreur que vous avez reçue.

Answer 3

En ES6, vous pouvez utiliser l'opérateur d'étalement, si d[a] est indéfini, il l'ignorera, mais s'il a du contenu, il le conservera.

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

La réponse acceptée remplacera tout ce qui se trouve dans d ce qui n'est pas le comportement que nous souhaitons toujours.

Answer 4

L'objet stocké à d[a] n'a pas été réglé sur quoi que ce soit. Ainsi, d[a] évalue à undefined . Vous ne pouvez pas attribuer une propriété à undefined :). Vous devez assigner un objet ou un tableau à d[a] :

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

console.debug(d);

Answer 5

En javascript, presque tout est un objet, null y undefined sont des exceptions.

Instances de Array est un objet. vous pouvez donc définir la propriété d'un tableau, pour la même raison, vous ne pouvez pas définir la propriété d'un indéfini, parce que son PAS un objet