Matrici JavaScript: stringhe indicizzate

Question

Ho avuto un po 'di risveglio sulla natura degli indici di array JavaScript di recente. Praticando, ho trovato il seguente (sto lavorando con Node.js in modalità interpretativa qui):

var x=[]; 
x['a']='a'; 
console.log(x); // Yields [ a: 'a' ] 
console.log(x.length); // yields 0 not 1 
x[1]=1; 
console.log(x); // Yields [ , 1, a: 'a' ] 
console.log(x.length); // Yields 2 not 3 (one for empty 0 space, one for the occupied 1 space) 

È a: 'a' davvero quello che sembra - una proprietà oggetto incorporato in una matrice - e, quindi, non è contato nella proprietà dell'array .length?

Answer 1

In JavaScript, gli array sono solo oggetti con alcune proprietà speciali, come un length proprietà automatico, e alcuni metodi collegate (sort, pop, join, ecc). Infatti, a non verrà conteggiato nell'array, poiché la proprietà length di un array memorizza solo la quantità di elementi con un nome di proprietà che può essere rappresentato con un numero intero positivo a 32 bit.

E poiché le matrici sempre definiscono automaticamente ogni elemento numerato fino al massimo elemento con un positivo 32 bit nome proprietà int, ciò significa efficacemente i negozi di proprietà length1 superiore l'elemento con il massimo intero a 32 bit come nome immobile. Grazie @Felix Kling per avermi corretto su questo nei commenti.

L'aggiunta di proprietà come a non è vietata affatto, ma è necessario fare attenzione con loro, poiché potrebbe essere fonte di confusione durante la lettura del codice.

C'è anche una differenza di camminare attraverso gli elementi dell'array:

camminare attraverso tutti gli elementi numerati:

for (var i=0; i<myArray.length; i++) { 
    //do something 
} 

di camminare attraverso ogni proprietà che non è built-in:

for (var i in myArray) { 
    //do something 
} 

Si noti che questo ciclo includerà anche tutto ciò che è incluso da Array.prototype che non è un metodo integrato. Quindi, se dovessi aggiungere Array.prototype.sum = function() {/*...*/};, verrà eseguito anche il loop.

per verificare se l'oggetto che si sta utilizzando è effettivamente una matrice, e non solo un oggetto, è possibile eseguire il seguente test:

if (Object.prototype.toString.call(myObject) === '[object Array]') { 
    //myObject is an array 
} else if (typeof myObject === 'object') { 
    //myObject is some other kind of object 
} 

Vedi @artem's comment: myObject instanceof Array potrebbe non funzionare sempre in modo corretto.

Answer 2

Sì, è corretto. Ciò funziona perché praticamente tutto in JavaScript è un oggetto, inclusi array e funzioni, il che significa che è possibile aggiungere le proprie proprietà di stringa arbitrarie. Non è che tu dici che tu dovresti farlo.

Gli array ([]) devono essere indicizzati utilizzando numeri interi non negativi. Gli oggetti ({}) devono essere "indicizzati" utilizzando le stringhe.

Answer 3

Questo è corretto, ed è una buona illustrazione del fatto che il nuovo array che hai creato è in realtà solo un tipo speciale di oggetto. Infatti, typeof [] è 'object'!L'impostazione di una proprietà denominata su di essa (che potrebbe essere scritta in modo più pulito come x.a = 'a') è in realtà l'impostazione di una nuova proprietà per il wrapper degli oggetti attorno alla matrice "reale" (proprietà numerate, in realtà). Non influenzano la proprietà length per lo stesso motivo per cui il metodo Array.isArray non lo fa.