Bagaimana For-Each Loop Berfungsi dalam TypeScript?

Bagaimana For Each Loop Berfungsi Dalam Typescript



Mengulangi elemen tatasusunan atau objek boleh lelar lain ialah operasi pengaturcaraan biasa, dan TypeScript menyediakan cara mudah untuk melakukannya dengan gelung 'Untuk-Setiap' yang dilaksanakan menggunakan kaedah 'forEach()'. Ia membenarkan pelaksanaan blok kod untuk setiap elemen dalam tatasusunan atau objek boleh lelar tanpa perlu risau tentang indeks atau panjang tatasusunan. Ini menjadikannya alat yang berguna untuk penapisan data, pemetaan dan transformasi.

Tutorial ini akan menggambarkan kerja gelung For-Each dalam TypeScript.

Bagaimanakah For-Each Loop Berfungsi dalam TypeScript?

Dalam TypeScript, ' Untuk setiap ” gelung dilaksanakan dengan 'untuk setiap() ” kaedah, yang merupakan kaedah yang telah ditetapkan bagi objek Array. Ia digunakan untuk lelaran melalui elemen tatasusunan atau objek boleh lelaran lain. Ia menerima fungsi panggil balik sebagai hujahnya, yang dilaksanakan untuk setiap elemen dalam tatasusunan.







Sintaks
Sintaks berikut digunakan untuk gelung For-Each:



untuk setiap ( panggilan balikFunc )

Di sini, 'callbackFunc' ialah fungsi yang digunakan untuk menguji setiap elemen dalam tatasusunan.



Sebagai contoh, gunakan sintaks di atas sebagai:





array.forEach ( fungsi ( nilai ) {
// kod untuk dilaksanakan untuk setiap elemen
} ) ;

Contoh
Dalam contoh berikut, kami mempunyai tatasusunan jenis rentetan bernama ' cuma ”:

biarkan lang: rentetan [ ] = [ 'JavaScript' , 'jQuery' , 'Jawa' ] ;

Panggil kaedah forEach() sebagai gelung For-Each untuk mengulang tatasusunan dan memaparkan setiap elemen tatasusunan di konsol:



lang.forEach ( fungsi ( nilai ) {
konsol.log ( nilai ) ;
} ) ;

Transpile fail TypeScript menggunakan arahan 'tsc':

tsc forEachLoop.ts

Kod itu kini ditukar kepada JavaScript, kini kami akan melaksanakan fail JavaScript menggunakan arahan yang diberikan:

nod forEachLoop.js

Output menunjukkan bahawa elemen tatasusunan telah berjaya dipaparkan pada konsol dengan mengulang tatasusunan menggunakan gelung For-Each:

Gelung 'Untuk-Setiap' bukan sahaja digunakan untuk tatasusunan; ia juga boleh digunakan dengan mana-mana objek boleh lelaran. Di sini, kami akan mengulangi objek bernama ' maklumat jam ” mempunyai tiga pasangan nilai kunci:

biarkan stdInfo = {
ID : 5 ,
nama: 'Mily' ,
umur: lima belas
} ;

Lelaran objek menggunakan gelung For-Each dengan kaedah Object.keys() untuk mencetak sifat objek dengan nilai berkaitannya:

Object.keys ( maklumat jam ) .untuk setiap ( fungsi ( kunci ) {
konsol.log ( kunci + ':' + maklumat jam [ kunci ] ) ;
} ) ;

Pengeluaran

Itu sahaja tentang kerja gelung For-Each dalam TypeScript.

Kesimpulan

Gelung 'Untuk-Setiap' dilaksanakan dalam TypeScript dengan ' untuk setiap() ” kaedah yang digunakan untuk lelaran melalui elemen tatasusunan atau objek boleh lelaran lain. Ia menerima fungsi panggil balik sebagai hujahnya, yang dilaksanakan untuk setiap elemen dalam tatasusunan. Tutorial ini menggambarkan kerja gelung For-Each dalam TypeScript.