Podczas iteracji wartości, dlaczego typeof (wartość) zwraca "ciąg", gdy wartość jest liczbą? JavaScript

Question

Używam Google Chrome do tego testu: W przeciwieństwie do intuicji, pierwsza pętla alarmuje "ciąg" 3 razy, podczas gdy druga pętla alarmuje "liczbę" 3 razy.

numarray = [1, 2, 3]; 

//for-each loop 
for(num in numarray) 
    alert(typeof(num)); 

//standard loop 
for(i=0; i<numarray.length; i++) 
    alert(typeof(numarray[i])); 

Spodziewałem się, że obie pętle ostrzeżą "numer" 3 razy. W jaki sposób pierwsza pętla jest zaimplementowana w JavaScript? Innymi słowy, jeśli każdy z nich jest cukrem syntaktycznym, jaki jest jego odpowiednik przy użyciu standardowej pętli?

Czy istnieje również sposób na iterację przestrzeni nazw obiektu za pomocą standardowej pętli? Chciałbym dotknąć każdego z metod i atrybutów obiektu za pomocą pętli drugiego rodzaju. Jestem nowy w JavaScript i każda pomoc jest bardzo ceniona, dzięki.

Answer 1

Powodem widzisz „ciąg” zwrócony w swojej pierwszej pętli jest to, że num odnosi się do indeksu tablicy, nie wartość numarray w tym indeksie. Spróbuj zmienić pierwszą pętlę, aby ostrzec num zamiast typeof num, a zobaczysz, że wypluwa 0, 1 i 2, które są wskaźnikami, a nie wartościami twojej tablicy.

Podczas korzystania z pętli for in następuje iteracja właściwości obiektu, który nie jest dokładnie równoważny pętli for w drugim przykładzie. Tablice w JavaScript są w rzeczywistości obiektami z numerami sekwencyjnymi jako nazwami właściwości. Są traktowane jako łańcuchy aż do typeof.

Edit:

Jak Matthew zaznacza, nie masz gwarancję, aby uzyskać elementy w tablicy w określonej kolejności przy użyciu for in pętlę, a częściowo z tego powodu, że nie jest to zalecane do iteracji przez tablice w ten sposób.

filip-fku pyta, kiedy byłoby użyteczne użycie for in, biorąc pod uwagę to zachowanie. Jednym z przykładów jest, gdy nazwy właściwości mają znaczenie, co nie ma znaczenia w przypadku wskaźników tablicy. Na przykład:

var myName = { 
    first: 'Jimmy', 
    last: 'Cuadra' 
}; 

for (var prop in myName) { 
    console.log(prop + ': ' + myName[prop]); 
} 

// prints: 
// first: Jimmy 
// last: Cuadra 

Warto również zauważyć, że for in pętle będą również iterację właściwości łańcucha prototypów obiektu. Z tego powodu, to zwykle, jak tylko chcesz skonstruować for in pętlę:

for (var prop in obj) { 
    if (obj.hasOwnProperty(prop)) { 
    // do something 
    } 
} 

to robi sprawdzić, czy nieruchomość została zdefiniowana przez samego obiektu, a nie przedmiotem to dziedziczy z pośrednictwem prototypu łańcuch.