Pourquoi l'index d'une chaîne de caractères dans un tableau n'augmente-t-il pas la "longueur" ?

Question

Dans l'exemple ci-dessous, le array2.length est seulement 10 alors que dans mon esprit, ce devrait être 13 .

Pourquoi les index "string keyed" n'augmentent-ils pas le nombre d'heures de travail ? length du tableau ?

Je peux stocker des choses et y accéder, et le débogueur VS montre que ces tableaux sont stockés correctement. Alors pourquoi le length n'a pas augmenté ?

var array2 = new Array();
array2["a"] = new Array();
array2["b"] = new Array();
array2["c"] = new Array();
for (var i = 0; i < 10; ++i)
    array2[i] = new Array();

var nothing = "";
for (var i = 0; i < array2.length; ++i)
    nothing = "";

Answer 1

Les tableaux en Javascript ne peuvent pas avoir d'"index de chaîne". Un tableau Javascript Array est exclusivement indexé numériquement. Lorsque vous définissez un "indice de chaîne", vous définissez une propriété de l'objet. Les deux sont équivalents :

array.a = 'foo';
array['a'] = 'foo';

Ces propriétés ne font pas partie du "stockage de données" du tableau.

Si vous voulez des "tableaux associatifs", vous devez utiliser un objet :

var obj = {};
obj['a'] = 'foo';

Peut-être que la visualisation la plus simple est d'utiliser la notation littérale au lieu de new Array :

// numerically indexed Array
var array = ['foo', 'bar', 'baz'];

// associative Object
var dict = { foo : 42, bar : 'baz' };

Answer 2

Parce que la longueur est défini comme suit un plus le plus grand indice numérique du tableau.

var xs = [];
xs[10] = 17;
console.log( xs.length ); //11

C'est pourquoi vous ne devez utiliser les tableaux que pour stocker des éléments indexés par des nombres, et utiliser des objets simples si vous souhaitez utiliser des chaînes de caractères comme clés. Par ailleurs, il est préférable d'utiliser des littéraux tels que [] o {} au lieu de new Array y new Object .

Answer 3

Vous n'ajoutez pas d'éléments au tableau ; vous ajoutez des propriétés au tableau. Array objet.

Answer 4

Comme indiqué ci-dessus, utilisez l'objet pour les tableaux associatifs.

Si vous ne le faites pas, vous ne remarquerez pas nécessairement que vous vous y prenez mal, jusqu'à ce que vous utilisiez innocemment "longueur" comme indice de tableau :

var myArray = [];
myArray["foo"] = "bar"; //works
console.log(myArray["foo"]) //print "bar"
myArray["length"] = "baz" //crash with a "RangeError: Invalid array length"

C'est parce que vous remplacez le length d'un tableau avec une chaîne, ce qui n'est pas valide.

Answer 5

Les index "string keyed" ne sont pas du tout des index, mais des propriétés. array2["a"] c'est la même chose que de dire array2.a . Rappelez-vous que vous pouvez définir des propriétés sur n'importe quel type de variable en javascript, ce qui est exactement ce que vous faites ici.