Bagaimana forEach berbeda dari for Loop di TypeScript?

Bagaimana Foreach Berbeda Dari For Loop Di Typescript



Di TypeScript, ' untuk setiap ' Dan ' untuk ” loop adalah dua pendekatan alternatif untuk melakukan iterasi melalui array atau objek yang dapat diubah. Meskipun kedua teknik mengulang melalui item array, keduanya berbeda dalam sintaks dan fungsionalitas. Loop 'untuk' adalah loop tujuan umum yang dapat mengeksekusi operasi apa pun pada setiap elemen array, tetapi metode 'forEach' dirancang khusus untuk iterasi di seluruh array dan menjalankan fungsi untuk setiap elemen.

Artikel ini akan menunjukkan bagaimana forEach berbeda dari for loop di TypeScript.

Apa perbedaan 'forEach' dari 'for' Loop di TypeScript?

Di TypeScript, “ untuk setiap ' Dan ' untuk ” loop adalah dua teknik berbeda untuk melakukan iterasi pada array atau objek lain yang dapat diubah. Perbedaan utama antara keduanya adalah bahwa loop 'untuk' adalah loop tujuan umum yang memungkinkan melakukan operasi apa pun pada elemen array, sedangkan 'forEach' adalah metode yang dirancang khusus untuk mengulangi array dan menjalankan fungsi untuk setiap elemen. elemen. Beberapa perbedaan umum akan dibahas dalam tabel yang diberikan:







untuk setiap untuk putaran
Sintaks forEach lebih ringkas dan mudah dibaca. for loop memiliki sintaks yang lebih kompleks daripada forEach, yang membuatnya lebih sulit untuk dibaca dan dipahami.
Ini umumnya lebih berkinerja daripada menggunakan for loop, terutama untuk array yang lebih besar. Performa keseluruhan lebih baik tetapi kurang dari forEach.
forEach dirancang secara eksplisit untuk menjalankan fungsi pada setiap elemen. Itu dapat melakukan operasi apa pun pada setiap elemen array.
Ini kurang fleksibel daripada untuk loop. for loop lebih fleksibel daripada forEach.

Sebelum melanjutkan ke implementasi praktis, perlu diingat bahwa untuk mengeksekusi file TypeScript, itu harus diubah menjadi file JavaScript dan kemudian jalankan kode JavaScript di terminal menggunakan perintah yang diberikan:



nama file tsc.ts
simpul nama file.js

Bagaimana 'forEach' Bekerja di TypeScript?

untuk setiap ” adalah metode bawaan dalam TypeScript yang memungkinkan kita untuk mengulang array dan menjalankan fungsi pada setiap elemen array.



Sintaksis
Sintaks berikut digunakan untuk loop forEach:





untuk setiap ( callbackFunc )

Contoh
Buat array angka ganjil:

const bilangan ganjil = [ 1 , 3 , 5 , 7 , 9 , sebelas ] ;

Ulangi array dan cetak elemen array di konsol menggunakan metode forEach :



oddNumbers.forEach ( ( angka ) = > {
console.log ( angka ) ;
} ) ;

Keluaran

]

Bagaimana 'untuk' Loop Bekerja di TypeScript?

A ' untuk ” loop adalah loop standar. Hal ini memungkinkan untuk mengulangi kumpulan item dan melakukan beberapa tindakan/operasi pada setiap item.

Sintaksis
Sintaks yang diberikan digunakan untuk loop 'untuk':

untuk ( nilai awal, kondisi spesifik, peningkatan langkah ) {
// tubuh lingkaran
}

Contoh
Ulangi array yang dibuat di atas menggunakan for loop dan tampilkan elemen array di konsol:

untuk ( membiarkan saya = 0 ; Saya < oddNumbers.panjang; saya++ ) {
console.log ( angka ganjil [ Saya ] ) ;
}

Keluaran

Kami telah menyusun semua instruksi yang diperlukan yang relevan dengan perbedaan antara forEach dan for loop di TypeScript.

Kesimpulan

untuk setiap ' Dan ' untuk ” loop adalah dua teknik berbeda untuk melakukan iterasi pada array atau objek iterable lainnya. Meskipun kedua pendekatan tersebut mengulang melalui elemen array, keduanya berbeda dalam sintaks dan fungsionalitas. Perbedaan utama antara keduanya adalah bahwa loop 'untuk' adalah loop tujuan umum yang memungkinkan melakukan operasi apa pun pada elemen array, sedangkan 'forEach' adalah metode yang dirancang secara eksplisit untuk mengulangi array dan menjalankan fungsi untuk masing-masing elemen. Artikel ini menunjukkan bagaimana forEach berbeda dari for loop di TypeScript.