Ten samouczek zilustruje działanie pętli For-Each w TypeScript.
Jak działa pętla For-Each w TypeScript?
W TypeScript „ Dla każdego ” pętla jest realizowana za pomocą 'dla każdego() ”, która jest predefiniowaną metodą obiektu Array. Służy do iteracji po elementach tablicy lub innych iterowalnych obiektach. Jako argument przyjmuje funkcję wywołania zwrotnego, która jest wykonywana dla każdego elementu w tablicy.
Składnia
W przypadku pętli For-Each używana jest następująca składnia:
dla każdego ( funkcja wywołania zwrotnego )
Tutaj „callbackFunc” jest funkcją używaną do testowania każdego elementu w tablicy.
Na przykład użyj powyższej składni jako:
tablica.dlaKażdego ( funkcjonować ( wartość ) {
// kod do wykonania Do każdy element
} ) ;
Przykład
W poniższym przykładzie mamy tablicę typu łańcuchowego o nazwie „ Tylko ”:
Wywołaj metodę forEach() jako pętlę For-Each, aby wykonać iterację tablicy i wyświetlić każdy element tablicy w konsoli:
lang.forEach ( funkcjonować ( wartość ) {
log konsoli ( wartość ) ;
} ) ;
Transpiluj plik TypeScript za pomocą polecenia „tsc”:
tsc forEachLoop.tsKod jest teraz konwertowany na JavaScript, teraz wykonamy plik JavaScript za pomocą podanego polecenia:
węzeł forEachLoop.jsDane wyjściowe wskazują, że elementy tablicy zostały pomyślnie wyświetlone na konsoli przez iterację tablicy przy użyciu pętli For-Each:
Pętla „For-Each” jest używana nie tylko w przypadku tablic; może być również używany z dowolnym obiektem iterowalnym. Tutaj będziemy iterować obiekt o nazwie „ informacje godzinowe ” mający trzy pary klucz-wartość:
pozwalać stdInfo = {ID : 5 ,
nazwa: „Miły” ,
wiek: piętnaście
} ;
Wykonaj iterację obiektu, używając pętli For-Each z metodą Object.keys() w celu wydrukowania właściwości obiektu wraz z powiązanymi z nimi wartościami:
klucze obiektów ( informacje godzinowe ) .dla każdego ( funkcjonować ( klucz ) {log konsoli ( klawisz + ':' + informacje o godzinach [ klucz ] ) ;
} ) ;
Wyjście
To wszystko o działaniu pętli For-Each w TypeScript.
Wniosek
Pętla „For-Each” jest zaimplementowana w TypeScript za pomocą „ dla każdego() ”, która jest wykorzystywana do iteracji elementów tablicy lub innych obiektów iterowalnych. Jako argument przyjmuje funkcję wywołania zwrotnego, która jest wykonywana dla każdego elementu w tablicy. Ten samouczek ilustruje działanie pętli For-Each w TypeScript.