Kaip „For-Each Loop“ veikia „TypeScript“?

Kaip For Each Loop Veikia Typescript



Masyvo ar kito kartojamo objekto elementų kartojimas yra įprasta programavimo operacija, o „TypeScript“ suteikia paprastą būdą tai padaryti naudojant „For-Each“ kilpą, kuri įgyvendinama naudojant „forEach()“ metodą. Tai leidžia vykdyti kiekvieno masyvo arba kartojamo objekto elemento kodo bloką, nesijaudinant dėl ​​masyvo indekso ar ilgio. Dėl to jis yra naudingas duomenų filtravimo, atvaizdavimo ir transformavimo įrankis.

Šioje pamokoje bus parodytas „For-Each“ ciklo veikimas „TypeScript“.

Kaip „For-Each Loop“ veikia „TypeScript“?

„TypeScript“ Kiekvienam “ kilpa įgyvendinama su 'kiekvienam() “ metodas, kuris yra iš anksto nustatytas masyvo objekto metodas. Jis naudojamas kartoti per masyvo elementus ar kitus iteruojamus objektus. Kaip argumentą jis priima atgalinio ryšio funkciją, kuri vykdoma kiekvienam masyvo elementui.







Sintaksė
Ciklai For-Each naudojama ši sintaksė:



kiekvienam ( atgalinis skambutisFunc )

Čia „callbackFunc“ yra funkcija, kuri naudojama kiekvienam masyvo elementui išbandyti.



Pavyzdžiui, naudokite aukščiau pateiktą sintaksę kaip:





masyvas.Kiekvienam ( funkcija ( vertė ) {
// kodą vykdyti dėl kiekvienas elementas
} ) ;

Pavyzdys
Šiame pavyzdyje turime eilutės tipo masyvą pavadinimu ' tiesiog “:

leisti lang: eilutė [ ] = [ „JavaScript“ , 'jQuery' , 'Java' ] ;

Iškvieskite forEach() metodą kaip For-Each kilpą, kad kartotumėte masyvą ir konsolėje būtų rodomas kiekvienas masyvo elementas:



lang.forEach ( funkcija ( vertė ) {
console.log ( vertė ) ;
} ) ;

Perkelkite „TypeScript“ failą naudodami komandą „tsc“:

tsc forEachLoop.ts

Kodas dabar konvertuojamas į „JavaScript“, dabar vykdysime „JavaScript“ failą naudodami nurodytą komandą:

mazgas forEachLoop.js

Išvestis rodo, kad masyvo elementai buvo sėkmingai rodomi konsolėje, kartojant masyvą naudojant For-Each kilpą:

„Kiekvienam“ kilpa naudojama ne tik masyvams; jis taip pat gali būti naudojamas su bet kokiu iteruojamu objektu. Čia pakartosime objektą pavadinimu ' valandos informacija “, turinti tris rakto-reikšmių poras:

leisti stdInfo = {
id : 5 ,
vardas: 'Mily' ,
amžius: penkiolika
} ;

Pakartokite objektą naudodami For-Each kilpą su Object.keys() metodu, kad išspausdintumėte objekto ypatybes su susijusiomis reikšmėmis:

Objektas.raktai ( valandos informacija ) .kiekvienam ( funkcija ( Raktas ) {
console.log ( klavišas + ':' + valandos informacija [ Raktas ] ) ;
} ) ;

Išvestis

Tai viskas apie „For-Each“ kilpos veikimą „TypeScript“.

Išvada

Ciklas „For-Each“ yra įdiegtas „TypeScript“ su „ kiekvienam() “ metodas, naudojamas kartoti per masyvo elementus ar kitus iteruojamus objektus. Kaip argumentą jis priima atgalinio ryšio funkciją, kuri vykdoma kiekvienam masyvo elementui. Ši pamoka iliustravo „For-Each“ ciklo veikimą „TypeScript“.