Bagaimana forEach Berbeza Daripada untuk Loop dalam TypeScript?

Bagaimana Foreach Berbeza Daripada Untuk Loop Dalam Typescript



Dalam TypeScript, ' untuk setiap ” dan “ untuk ” gelung ialah dua pendekatan alternatif untuk lelaran melalui tatasusunan atau objek boleh lelaran. Walaupun kedua-dua teknik melingkar melalui item tatasusunan, ia berbeza dalam sintaks dan kefungsian. Gelung 'untuk' ialah gelung tujuan umum yang boleh melaksanakan sebarang operasi pada setiap elemen tatasusunan, tetapi kaedah 'untukSetiap' direka secara eksklusif untuk lelaran merentas tatasusunan dan melaksanakan fungsi bagi setiap elemen.

Artikel ini akan menunjukkan cara forEach berbeza daripada gelung for dalam TypeScript.

Bagaimanakah 'forEach' Berbeza Daripada Gelung 'untuk' dalam TypeScript?

Dalam TypeScript, ' untuk setiap ” dan “ untuk ” gelung ialah dua teknik yang berbeza untuk lelaran ke atas tatasusunan atau objek boleh lelaran lain. Perbezaan utama antara kedua-dua ini ialah gelung 'untuk' ialah gelung tujuan umum yang membolehkan melakukan sebarang operasi pada elemen tatasusunan, manakala 'untukSetiap' ialah kaedah yang direka khusus untuk mengulang tatasusunan dan melaksanakan fungsi bagi setiap unsur. Beberapa perbezaan biasa akan dibincangkan dalam jadual yang diberikan:







untuk setiap untuk gelung
Sintaks forEach lebih ringkas dan boleh dibaca. for loops mempunyai sintaks yang lebih kompleks daripada forEach, yang boleh menjadikannya lebih sukar untuk dibaca dan difahami.
Ia biasanya lebih berprestasi daripada menggunakan gelung for, terutamanya untuk tatasusunan yang lebih besar. Prestasi keseluruhan yang lebih baik tetapi kurang daripada forEach.
forEach direka secara eksplisit untuk melaksanakan fungsi pada setiap elemen. Ia boleh melakukan sebarang operasi pada setiap elemen tatasusunan.
Ia kurang fleksibel berbanding gelung. untuk gelung adalah lebih fleksibel daripada forEach.

Sebelum meneruskan ke pelaksanaan praktikal, perlu diingat bahawa untuk melaksanakan fail TypeScript, ia mesti ditranspile ke dalam fail JavaScript dan kemudian jalankan kod JavaScript pada terminal menggunakan arahan yang diberikan:



tsc nama fail.ts
nama fail nod.js

Bagaimanakah 'forEach' Berfungsi dalam TypeScript?

' untuk setiap ” ialah kaedah pra-bina dalam TypeScript yang membenarkan kami menggelungkan tatasusunan dan melaksanakan fungsi pada setiap elemen tatasusunan.



Sintaks
Sintaks berikut digunakan untuk gelung forEach:





untuk setiap ( panggilan balikFunc )

Contoh
Buat susunan nombor ganjil:

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

Lelaran tatasusunan dan cetak elemen tatasusunan pada konsol menggunakan kaedah forEach:



oddNumbers.forEach ( ( nombor ) = > {
konsol.log ( nombor ) ;
} ) ;

Pengeluaran

]

Bagaimanakah Gelung 'untuk' Berfungsi dalam TypeScript?

A ' untuk ” gelung ialah gelung standard. Ia membolehkan lelaran melalui koleksi item dan melakukan beberapa tindakan/operasi pada setiap item.

Sintaks
Sintaks yang diberikan digunakan untuk gelung 'untuk':

untuk ( initialValue, specificCondition, stepIncrement ) {
// badan gelung
}

Contoh
Lelaran tatasusunan yang dibuat di atas menggunakan elemen tatasusunan gelung dan paparan pada konsol:

untuk ( biarkan i = 0 ; i < oddNumbers.length; i++ ) {
konsol.log ( nombor-nombor ganjil [ i ] ) ;
}

Pengeluaran

Kami telah menyusun semua arahan yang diperlukan yang berkaitan dengan perbezaan antara forEach dan for dalam TypeScript.

Kesimpulan

' untuk setiap ” dan “ untuk ” gelung ialah dua teknik yang berbeza untuk lelaran ke atas tatasusunan atau objek boleh lelaran lain. Walaupun kedua-dua pendekatan menggelungkan melalui elemen tatasusunan, ia berbeza dalam sintaks dan kefungsian. Perbezaan utama antara kedua-dua ini ialah gelung 'untuk' ialah gelung tujuan umum yang membolehkan melakukan sebarang operasi pada elemen tatasusunan, manakala 'untukSetiap' ialah kaedah yang direka secara eksplisit untuk mengulangi tatasusunan dan melaksanakan fungsi bagi setiap unsur. Artikel ini menunjukkan cara forEach berbeza daripada gelung for dalam TypeScript.