Kuidas For-Each Loop TypeScriptis töötab?

Kuidas For Each Loop Typescriptis Tootab



Massiivi või muu itereeritava objekti elementide itereerimine on tavaline programmeerimisoperatsioon ja TypeScript pakub lihtsat viisi seda teha tsükliga „For-Each”, mida rakendatakse meetodi „forEach()” abil. See võimaldab käivitada iga massiivi või itereeritava objekti elemendi koodiploki, ilma et peaksite muretsema massiivi indeksi või pikkuse pärast. See muudab selle kasulikuks tööriistaks andmete filtreerimiseks, kaardistamiseks ja teisendamiseks.

See õpetus illustreerib For-Each tsükli tööd TypeScriptis.

Kuidas For-Each Loop TypeScriptis töötab?

TypeScriptis on ' Igaühele ” silmus on rakendatud koos 'igaühele() ” meetod, mis on massiiviobjekti eelmääratletud meetod. Seda kasutatakse massiivi elementide või muude itereeritavate objektide itereerimiseks. See aktsepteerib oma argumendina tagasihelistamisfunktsiooni, mis käivitatakse massiivi iga elemendi jaoks.







Süntaks
For-Each tsükli jaoks kasutatakse järgmist süntaksit:



igaühele ( tagasihelistamisfunktsioon )

Siin on 'callbackFunc' funktsioon, mida kasutatakse massiivi iga elemendi testimiseks.



Näiteks kasutage ülaltoodud süntaksit järgmiselt:





array.forEach ( funktsiooni ( väärtus ) {
// käivitatav kood jaoks iga element
} ) ;

Näide
Järgmises näites on meil stringi tüüpi massiiv nimega ' lihtsalt ”:

lase keel: string [ ] = [ 'JavaScript' , 'jQuery' , 'Java' ] ;

Massiivi itereerimiseks ja iga massiivi elemendi kuvamiseks konsoolis kutsuge meetod forEach() For-Each tsüklina:



lang.forEach ( funktsiooni ( väärtus ) {
console.log ( väärtus ) ;
} ) ;

Transpileerige TypeScript-fail käsuga 'tsc':

tsc forEachLoop.ts

Kood on nüüd teisendatud JavaScriptiks, nüüd käivitame JavaScripti faili antud käsu abil:

sõlm forEachLoop.js

Väljund näitab, et massiivi elemendid on konsoolil edukalt kuvatud, itereerides massiivi For-Each tsükli abil:

Silmust 'Iga jaoks' ei kasutata mitte ainult massiivide jaoks; seda saab kasutada ka mis tahes itereeritava objektiga. Siin kordame objekti nimega ' tunni info ', millel on kolm võtme-väärtuste paari:

lase stdInfo = {
id : 5 ,
nimi: 'Mily' ,
vanus: viisteist
} ;

Itereerige objekti, kasutades tsüklit For-Each meetodiga Object.keys(), et printida objekti atribuudid koos nendega seotud väärtustega:

Objekt.võtmed ( tunni info ) .igaühele ( funktsiooni ( võti ) {
console.log ( klahv + ':' + tunniinfo [ võti ] ) ;
} ) ;

Väljund

See kõik puudutab TypeScripti For-Each silmuse tööd.

Järeldus

Silmus „For-Each” on TypeScriptis realiseeritud koos „ igaühele() ” meetod, mida kasutatakse massiivi elementide või muude itereeritavate objektide itereerimiseks. See aktsepteerib oma argumendina tagasihelistamisfunktsiooni, mis käivitatakse massiivi iga elemendi jaoks. See õpetus illustreeris For-Each tsükli tööd TypeScriptis.