W tym samouczku nauczysz się JavaScript for… in loop przy pomocy przykładów.
W poprzednich samouczkach omówiliśmy:
- JavaScript while i zrób… while w pętli
- JavaScript for loop
Istnieją również inne rodzaje pętli. for… inPętla w JavaScript umożliwia iteracyjne nad wszystkie klucze właściwość obiektu.
JavaScript dla… w pętli
Składnia for… inpętli to:
for (key in object) ( // body of for… in )
W każdej iteracji pętli klucz jest przypisywany do zmiennej kluczowej. Pętla jest kontynuowana dla wszystkich właściwości obiektu.
Uwaga : gdy zdobędziesz klucze, możesz łatwo znaleźć jego wartość.
Przykład 1: Iteracja przez obiekt
const student = ( name: 'Monica', class: 7, age: 12 ) // using for… in for ( let key in student ) ( // display the properties console.log(`$(key) => $(student(key))`); )
Wynik
imię => klasa Moniki => 7 lat => 12
W powyższym programie for… inpętla służy do iteracji po studentobiekcie i wypisania wszystkich jego właściwości.
- Klucz obiektu jest przypisywany do klucza zmiennej.
student(key)służy do uzyskania dostępu do wartości klucza.
Przykład 2: Zaktualizuj wartości właściwości
const salaries= ( Jack : 24000, Paul : 34000, Monica : 55000 ) // using for… in for ( let i in salaries) ( // add a currency symbol let salary = "$" + salaries(i); // display the values console.log(`$(i) : $(salary)`); )
Wynik
Jack: 24000 $, Paul: 34000 $, Monica: 55000 $
W powyższym przykładzie for… inpętla służy do iteracji po właściwościach salariesobiektu. Następnie ciąg $jest dodawany do każdej wartości obiektu.
dla… w ze Strings
Możesz także użyć for… inpętli do iteracji po wartościach ciągów. Na przykład,
const string = 'code'; // using for… in loop for (let i in string) ( console.log(string(i)); )
Wynik
kod
dla… w Arrays
Możesz także używać for… inz tablicami. Na przykład,
// define array const arr = ( 'hello', 1, 'JavaScript' ); // using for… in loop for (let x in arr) ( console.log(arr(x)); )
Wynik
cześć 1 JavaScript
Dowiesz się więcej o tablicach w późniejszych samouczkach.
Uwaga : nie należy używać for… indo iteracji po tablicy, w której kolejność indeksów jest ważna.
Jednym z lepszych sposobów iteracji po tablicy jest użycie for… ofpętli.
Aby dowiedzieć się więcej o for… ofpętli, odwiedź JavaScript for… of loop.
