Bagaimana Cara Kerja Setiap Loop di TypeScript?

Bagaimana Cara Kerja Setiap Loop Di Typescript



Iterasi elemen array atau objek iterable lainnya adalah operasi pemrograman yang umum, dan TypeScript menyediakan cara mudah untuk melakukannya dengan loop 'For-Each' yang diimplementasikan menggunakan metode 'forEach()'. Ini memungkinkan eksekusi blok kode untuk setiap elemen dalam array atau objek yang dapat diubah tanpa mengkhawatirkan indeks atau panjang array. Ini menjadikannya alat yang berguna untuk pemfilteran, pemetaan, dan transformasi data.

Tutorial ini akan mengilustrasikan cara kerja For-Each loop di TypeScript.

Bagaimana Cara Kerja For-Each Loop di TypeScript?

Di TypeScript, ' Untuk setiap ” loop diimplementasikan dengan 'untuk setiap() ” metode, yang merupakan metode yang telah ditentukan dari objek Array. Ini digunakan untuk iterasi melalui elemen array atau objek iterable lainnya. Ia menerima fungsi panggilan balik sebagai argumennya, yang dijalankan untuk setiap elemen dalam larik.







Sintaksis
Sintaks berikut digunakan untuk For-Each loop:



untuk setiap ( callbackFunc )

Di sini, 'callbackFunc' adalah fungsi yang digunakan untuk menguji setiap elemen dalam sebuah array.



Misalnya, gunakan sintaks di atas sebagai:





array.untukEach ( fungsi ( nilai ) {
// kode untuk dieksekusi untuk setiap elemen
} ) ;

Contoh
Dalam contoh berikut, kami memiliki array tipe string bernama “ hanya ”:

membiarkan bahasa: string [ ] = [ 'JavaScript' , 'jQuery' , 'Jawa' ] ;

Panggil metode forEach() sebagai perulangan For-Each untuk mengulangi larik dan menampilkan setiap elemen larik di konsol:



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

Transpile file TypeScript menggunakan perintah 'tsc':

tsc untukEachLoop.ts

Kode sekarang diubah menjadi JavaScript, sekarang kita akan mengeksekusi file JavaScript menggunakan perintah yang diberikan:

simpul untukEachLoop.js

Output menunjukkan bahwa elemen array telah berhasil ditampilkan di konsol dengan mengulang array menggunakan For-Each loop:

Loop “For-Each” tidak hanya digunakan untuk array; itu juga dapat digunakan dengan objek apa pun yang dapat diubah. Di sini, kami akan mengulangi objek bernama ' informasi jam ” memiliki tiga pasangan kunci-nilai:

membiarkan stdInfo = {
pengenal : 5 ,
nama: 'Mily' ,
usia: limabelas
} ;

Iterasi objek menggunakan For-Each loop dengan metode Object.keys() untuk mencetak properti objek dengan nilai terkaitnya:

Objek.kunci ( informasi jam ) .untuk setiap ( fungsi ( kunci ) {
console.log ( kunci + ':' + informasi jam [ kunci ] ) ;
} ) ;

Keluaran

Itu semua tentang cara kerja For-Each loop di TypeScript.

Kesimpulan

Loop 'Untuk-Setiap' diimplementasikan dalam TypeScript dengan ' untuk setiap() ” yang digunakan untuk iterasi melalui elemen array atau objek iterable lainnya. Ia menerima fungsi panggilan balik sebagai argumennya, yang dijalankan untuk setiap elemen dalam larik. Tutorial ini mengilustrasikan cara kerja For-Each loop di TypeScript.