Est un tableau (5) équivalent à var a = []; a.length = 5; en JS?

Question

Je vois quatre cinq options pour initialiser un tableau à une longueur spécifique à JS, (la dernière est un étirement, je sais):

var a = []; a.length = 5; 

var a = Array(5); 

var a = []; a[4] = undefined; 

var a = new Array(5); 

function makeArrayToLength(length, default){ 
    var a = [], i = 0; 
    for(; i < length; i++){ 
     a[i] = default; 
    } 
    return a; 
} 

je veux vraiment (et faire) utiliser le littéral chaque fois que possible, mais je suis dans une situation où l'aspect définissant d'un tableau particulier est sa longueur, donc je me penche vers Array (5). Le premier exemple est-il équivalent au second en termes de résultat final? Je réalise que ce n'est pas équivalent dans l'exécution.

Answer 1

Les deux premiers, et les troisième exemples sont équivalentes, à la fin, ils produisent un objet Array avec un seul propriété, length, contenant 5 comme valeur.

Lorsque vous appelez le constructeur Array en utilisant un seul argument numérique (comme Array(5);), l'objet nouvellement créé contiendra ce numéro comme sa propriété length, les propriétés de l'index ne sont pas créés:

var a = Array(5); 
a.hasOwnProperty('0'); // false 

le deuxième exemple produit la même chose:

var a = []; 
a.length = 5; 
a.hasOwnProperty('0'); // false 

a propos du troisième exemple, il est équivalent, car il va créer un prope rty sur l'objet de tableau, même si sa valeur est undefined:

var a = []; a[4] = undefined; 
a.hasOwnProperty('4'); // true 

Le quatrième exemple:

var a = new Array(5); 

Est-ce exactement le même que le second (var a = Array(5);), il n'y a pas de différence entre l'utilisation de la Array constructeur avec ou sans l'opérateur new, dans le deuxième exemple vous êtes calling the Array constructor as a function. Enfin, à propos de votre fonction makeArrayToLength, je pense que vous savez maintenant que ce n'est pas du tout équivalent puisque toutes les "propriétés d'index" sont initialisées à une valeur "par défaut". _{(BTW ne pas utiliser default comme identifiant, il est un mot-clé ...)}

Le constructeur Array est généralement évitée car elle peut avoir des comportements différents selon l'argument utilisé, par exemple:

Array("5"); // one element array, (["5"]) 
Array(5); // empty array, length = 5 
// v.s. 
["5"]  // one element array 
[5]   // one element array 

En outre, le constructeur Array peut être remplacé, tandis que les littéraux de tableau fonctionneront toujours.

Answer 2

Oui, ils produisent tous le même résultat.

2 et 4 sont les mêmes parce que, selon la ECMAScript spec:

15.4.1 Le constructeur Array appelé comme fonction est appelée lorsque matrice en fonction plutôt que comme un constructeur, il crée et initialise un nouvel objet Array . Ainsi la fonction appelle Array (...) est équivalent à l'objet création expression nouveau Array (...) avec les mêmes arguments.

1 et 2 sont équivalentes car [] construit un nouveau tableau et définissant la propriété de la longueur est équivalente à la construction d'un tableau avec new Array(length) (in the spec).

Option 3 est également équivalent parce que:

... chaque fois qu'une propriété est ajoutée dont le nom est un index de tableau, d'être un de plus que la valeur numérique la propriété de longueur est modifiée, le cas échéant, de cet index de tableau

Et l'option 5 est fondamentalement juste l'option 3, mais répétée plusieurs fois jusqu'à l'index maximum.