Kuinka For-Each Loop toimii TypeScriptissä?

Kuinka For Each Loop Toimii Typescriptissa



Matriisin tai muun iteroitavan objektin elementtien iterointi on yleinen ohjelmointitoiminto, ja TypeScript tarjoaa helpon tavan tehdä se For-Each-silmukalla, joka toteutetaan käyttämällä 'forEach()'-menetelmää. Se mahdollistaa koodilohkon suorittamisen jokaiselle taulukon tai iteroitavan objektin elementille ilman, että sinun tarvitsee huolehtia taulukon indeksistä tai pituudesta. Tämä tekee siitä hyödyllisen työkalun tietojen suodattamiseen, kartoittamiseen ja muuntamiseen.

Tämä opetusohjelma havainnollistaa For-Each-silmukan toimintaa TypeScriptissä.

Kuinka For-Each Loop toimii TypeScriptissä?

TypeScriptissä ' Jokaiselle '-silmukka toteutetaan kanssa 'jokaiselle() ” -menetelmä, joka on Array-objektin ennalta määritetty menetelmä. Sitä käytetään iteroitaessa taulukon elementtien tai muiden iteroitavien objektien läpi. Se hyväksyy takaisinkutsun argumentiksi, joka suoritetaan jokaiselle taulukon elementille.







Syntaksi
For-Each-silmukassa käytetään seuraavaa syntaksia:



jokaiselle ( callbackFunc )

Tässä 'callbackFunc' on toiminto, jota käytetään taulukon jokaisen elementin testaamiseen.



Käytä yllä olevaa syntaksia esimerkiksi seuraavasti:





array.forEach ( toiminto ( arvo ) {
// suoritettava koodi varten jokainen elementti
} ) ;

Esimerkki
Seuraavassa esimerkissä meillä on merkkijonotyyppinen taulukko nimeltä ' vain ”:

antaa lang: merkkijono [ ] = [ 'JavaScript' , 'jQuery' , 'Java' ] ;

Kutsu forEach()-metodia For-Each-silmukana taulukon iteroimiseksi ja taulukon jokaisen elementin näyttämiseksi konsolissa:



lang.forEach ( toiminto ( arvo ) {
console.log ( arvo ) ;
} ) ;

Siirrä TypeScript-tiedosto komennolla 'tsc':

tsc forEachLoop.ts

Koodi on nyt muutettu JavaScriptiksi, nyt suoritamme JavaScript-tiedoston annetulla komennolla:

node forEachLoop.js

Tulos osoittaa, että taulukon elementit on näytetty onnistuneesti konsolissa iteroimalla taulukko For-Each-silmukalla:

'For-Each' -silmukkaa ei käytetä vain taulukoille; sitä voidaan käyttää myös minkä tahansa iteroitavan objektin kanssa. Täällä toistamme objektia nimeltä ' tunnin tiedot ', jossa on kolme avainarvoparia:

antaa stdInfo = {
id : 5 ,
nimi: 'Mily' ,
ikä: viisitoista
} ;

Iteroi objekti For-Each-silmukalla Object.keys()-metodin kanssa tulostaaksesi objektin ominaisuudet niihin liittyvine arvoineen:

Objekti.avaimet ( tunnin tiedot ) .jokaiselle ( toiminto ( avain ) {
console.log ( näppäin + ':' + tuntitiedot [ avain ] ) ;
} ) ;

Lähtö

Siinä kaikki For-Each-silmukan toiminnasta TypeScriptissä.

Johtopäätös

'For-Each' -silmukka on toteutettu TypeScriptissä ' jokaiselle() ” -menetelmä, jota käytetään iteroitaessa taulukkoelementtien tai muiden iteroitavien objektien läpi. Se hyväksyy takaisinkutsun argumentiksi, joka suoritetaan jokaiselle taulukon elementille. Tämä opetusohjelma havainnollistaa For-Each-silmukan toimintaa TypeScriptissä.