Tableau associatif et objet en JavaScript

Question

Dans mon script il y a un besoin de créer une table de hachage, et j'ai cherché dans google pour cela. La plupart des gens recommandent l'objet JavaScript à cette fin. Le problème est que certaines des clés dans la table de hachage ont un "." en eux. Je suis capable de créer ces clés facilement avec les tableaux associatifs.

Je ne comprends pas pourquoi les tableaux associatifs sont mauvais. La première chose qui est mentionnée sur les sites que j'ai consultés est la propriété de longueur.

Je viens du milieu Perl, où j'ai utilisé des hachages. Les utilisations les plus courantes étaient de récupérer la valeur d'une clé, de vérifier si une clé existe, de supprimer une paire clé-valeur et d'ajouter une paire clé-valeur. Si ce sont là mes utilisations courantes, puis-je utiliser sans risque un tableau associatif ?

Answer 1

En JavaScript, les objets sont des tableaux associatifs... il n'existe pas de concepts distincts pour eux. Vous pouvez également utiliser sans risque '.' dans le nom d'une clé, mais vous ne pouvez accéder à la valeur qu'en utilisant la notation entre parenthèses :

var foo = {}
foo['bar'] = 'test';
foo['baz.bin'] = 'value';

alert(foo.bar); // Shows 'test'
alert(foo['baz.bin']); // Shows 'value'

Si vous les utilisez déjà et qu'ils fonctionnent, vous êtes en sécurité.

Answer 2

En JavaScript, un objet et un tableau sont à peu près la même chose, un tableau disposant d'un peu de fonctionnalité magique (mise à jour automatique de la propriété length et autres) et de méthodes prototypes adaptées aux tableaux. Il est également beaucoup plus facile de construire un objet que d'utiliser un tableau associatif :

var obj = {"my.key": "myValue"};

vs.

var obj = [];
obj["my.key"] = "myValue";

Par conséquent, n'utilisez jamais l'objet tableau pour cela, mais simplement l'objet normal.

Certaines fonctionnalités :

var obj = {}; // Initialized empty object

Supprime une paire clé-valeur :

delete obj[key];

Vérifier si une clé existe :

key in obj;

Obtenir la valeur de la clé :

obj[key];

Ajouter une paire clé-valeur :

obj[key] = value;

Answer 3

Parce qu'il n'y a rien de tel que intégré tableaux associatifs en JavaScript. C'est pourquoi c'est mauvais.

En fait, quand vous utilisez quelque chose comme :

theArray["a"] = "Hello, World!";

Il crée simplement un propriété appelé "a" et a fixé sa valeur à "Hello, World !". C'est pourquoi la longueur est toujours 0, et pourquoi la sortie de alert(theArray) est vide.

Answer 4

En fait, un "tableau associatif" est à peu près la même chose qu'un "objet de type tableau" dans ECMAScript. Même les tableaux sont des objets en ECMAScript, à l'exception des clés numériques (qui sont toujours des chaînes de caractères en arrière-plan) et de l'attribut .length ainsi que certaines méthodes héritées de Array.prototype .

Ainsi, un hachage Perl et un objet ECMAScript se comportent de manière similaire. Vous ne savez peut-être pas que vous pouvez accéder aux propriétés d'un objet non seulement par le biais d'un point, mais aussi avec des parenthèses et des chaînes de caractères, par exemple

var myObj = { foo: 42 };

myObj.foo; // 42
myObj['foo']; // 42

Sachant cela, vous pouvez également utiliser des clés avec .

var myObj = { };
myObj['hello.foo.world'] = 42;

Bien entendu, vous ne pouvez accéder à cette clé qu'avec la notation entre crochets.

Answer 5

Vous pouvez utiliser . dans les noms de clés des objets JavaScript (AKA tableaux associatifs) si vous le souhaitez ; ils sont acceptés sans problème. L'inconvénient mineur est que vous ne pouvez pas utiliser les notations de raccourci avec les clés en pointillés, par ex.

var x = {};
x['hello'] = 'there';
alert(x.hello);

est parfaitement acceptable et fera apparaître une alerte avec le mot "there". Mais si vous utilisez un nom en pointillés :

var x = {};
x['this.is'] = 'sparta';
alert(x.this.is);

échouera, car JavaScript cherchera un attribut nommé this dans l'objet x, qui n'existe pas. Il n'y a que l'objet this.is attribut.