TypeScript'te forEach for Loop'tan Ne Kadar Farklıdır?

Typescript Te Foreach For Loop Tan Ne Kadar Farklidir



TypeScript'te, “ her biri için ' Ve ' için Döngüler, diziler veya yinelenebilir nesneler arasında yineleme yapmak için iki alternatif yaklaşımdır. Her iki teknik de bir dizinin öğeleri arasında dolaşırken, sözdizimi ve işlevsellik açısından farklılık gösterir. 'For' döngüsü, her dizi öğesinde herhangi bir işlemi yürütebilen genel amaçlı bir döngüdür, ancak 'forEach' yöntemi, özellikle diziler arasında yineleme yapmak ve her öğe için bir işlev yürütmek için tasarlanmıştır.

Bu makale, forEach'in TypeScript'teki for döngüsünden ne kadar farklı olduğunu gösterecek.

TypeScript'teki 'for' Döngüsünden 'forEach'in Farkı Nedir?

TypeScript'te, “ her biri için ' Ve ' için Döngüler, diziler veya diğer yinelenebilir nesneler üzerinde yineleme yapmak için iki farklı tekniktir. İkisi arasındaki temel fark, 'for' döngüsünün dizi öğeleri üzerinde herhangi bir işlem gerçekleştirmeye izin veren genel amaçlı bir döngü olması, 'forEach' ise özellikle diziler üzerinde yineleme yapmak ve her biri için bir işlev yürütmek için tasarlanmış bir yöntemdir. eleman. Bazı ortak farklılıklar verilen tabloda ele alınacaktır:







her biri için döngü için
forEach'in sözdizimi daha özlü ve okunabilirdir. for döngüleri, forEach'ten daha karmaşık bir sözdizimine sahiptir, bu da onların okunmasını ve anlaşılmasını zorlaştırabilir.
Genellikle, özellikle daha büyük diziler için bir for döngüsü kullanmaktan daha performanslıdır. Genel olarak daha iyi performans ancak forEach'ten daha az.
forEach, her öğe üzerinde bir işlevi yürütmek için açıkça tasarlanmıştır. Bir dizinin her elemanı üzerinde herhangi bir işlemi gerçekleştirebilir.
Döngüler için olduğundan daha az esnektir. for döngüleri forEach'ten daha esnektir.

Pratik uygulamaya geçmeden önce, bir TypeScript dosyasını yürütmek için, bunun bir JavaScript dosyasına aktarılması ve ardından verilen komutları kullanarak terminalde JavaScript kodunun çalıştırılması gerektiğini unutmayın:



tsc dosyaadı.ts
düğüm dosyaadı.js

TypeScript'te “forEach” Nasıl Çalışır?

her biri için ”, TypeScript'te bir dizi üzerinde döngü kurmamıza ve her bir dizi öğesinde bir işlev yürütmemize izin veren önceden oluşturulmuş bir yöntemdir.



Sözdizimi
forEach döngüsü için aşağıdaki sözdizimi kullanılır:





her biri için ( geri aramaFunc )

Örnek
Bir tek sayı dizisi oluşturun:

const tekSayılar = [ 1 , 3 , 5 , 7 , 9 , on bir ] ;

Diziyi yineleyin ve forEach yöntemini kullanarak dizi öğelerini konsolda yazdırın:



tekNumaralar.her biri için ( ( sayılar ) = > {
konsol.log ( sayılar ) ;
} ) ;

Çıktı

]

TypeScript'te “for” Döngüsü Nasıl Çalışır?

A ' için ” döngüsü standart bir döngüdür. Bir öğe koleksiyonunu yinelemeye ve her öğe üzerinde bazı eylemler/işlemler gerçekleştirmeye izin verir.

Sözdizimi
Verilen sözdizimi “for” döngüsü için kullanılır:

için ( başlangıçDeğeri, belirliKoşul, adımArtış ) {
// döngü gövdesi
}

Örnek
Konsolda for döngüsü ve ekran dizisi öğelerini kullanarak yukarıda oluşturulan diziyi yineleyin:

için ( izin vermek ben = 0 ; Ben < tekNumaralar.uzunluk; ben++ ) {
konsol.log ( tek sayılar [ Ben ] ) ;
}

Çıktı

TypeScript'te forEach ve for döngüsü arasındaki farkla ilgili gerekli tüm talimatları derledik.

Çözüm

her biri için ' Ve ' için Döngüler, diziler veya diğer yinelenebilir nesneler üzerinde yineleme yapmak için iki farklı tekniktir. Her iki yaklaşım da dizi öğeleri arasında dolaşırken, sözdizimi ve işlevsellik açısından farklılık gösterir. İkisi arasındaki temel fark, 'for' döngüsünün dizi öğeleri üzerinde herhangi bir işlem gerçekleştirmeye izin veren genel amaçlı bir döngü olması, 'forEach' ise özellikle diziler üzerinde yineleme yapmak ve her biri için bir işlev yürütmek için tasarlanmış bir yöntemdir. eleman. Bu makale, forEach'in TypeScript'teki for döngüsünden nasıl farklı olduğunu gösterdi.