Loop Over Array w JavaScript

Question

Używam okna Google Chrome Console, aby spróbować dowiedzieć się, dlaczego nie jestem w stanie zapętlić tablicy w javascript.

Mam JavaScript Object nazwie moveResult, który wygląda tak:

Próbuję pętli nad MoveParts w javascript tak:

for (var movePart in moveResult.MoveParts) { 
    console.log(movePart.From); 
}; 

zawsze dotrzesz undefined zamiast rzeczywistej wartości. Jednakże, jeśli próbuję uzyskać dostęp do pierwszego elementu wyraźnie mam co chcę, tak:

console.log(moveResult.MoveParts[0].From); 

Wynikiem tego jest "b1".

Dlaczego moja pętla nie działa?

Próbowałem również foreach:

moveResult.MoveParts.foreach(function (movePart) { 
    console.log(movePart.From); 
}; 

Answer 1

Próbuję pętli nad MoveParts w javascript tak:

for (var movePart in moveResult.MoveParts) { 
    console.log(movePart.From); 
}; 

zawsze dotrzesz niezdefiniowany zamiast aktualna wartość.

Nie używaj for-in do przechodzenia między tablicami, to nie jest to, do czego służy. for-in służy do przechodzenia między właściwościami obiektu. This answer shows various ways to loop through arrays.

Powodem swoje for-in nie działa jest to, że movePart jest klucz, a nie rzeczywista pozycja, więc jeśli były przy użyciu obiektu (nie tablicę!) Byś stosowane moveResult.MoveParts[movePart].From.

Twoja wersja forEach tylko powiodła się, ponieważ:

1. To forEach nie foreach. Kapitalizacja ma znaczenie w JavaScript.

2. Brakowało zamknięcia ) w wywołaniu funkcji.

Odpowiedź związana powyżej ma pełne przykładów forEach i innych, ale oto jak powinno ciebie wyglądało:

moveResult.MoveParts.forEach(function (movePart) { 
    // Capital E -----------^ 
     console.log(movePart.From); 
    }); 
// ^---- closing) 

Answer 2

spróbować

moveResult.MoveParts.map(function (movePart) { 
    console.log(movePart.From); 
};