TypeScript'te For-Each Loop Nasıl Çalışır?

Typescript Te For Each Loop Nasil Calisir



Bir dizinin veya yinelenebilir başka bir nesnenin öğeleri üzerinde yineleme yapmak yaygın bir programlama işlemidir ve TypeScript, 'forEach()' yöntemi kullanılarak uygulanan 'For-Each' döngüsüyle bunu yapmanın kolay bir yolunu sağlar. Dizinin dizini veya uzunluğu hakkında endişelenmeden bir dizideki veya yinelenebilir nesnedeki her öğe için bir kod bloğunun yürütülmesine izin verir. Bu, onu veri filtreleme, haritalama ve dönüştürme için yararlı bir araç haline getirir.

Bu öğretici, TypeScript'te For-Each döngüsünün çalışmasını gösterecektir.

TypeScript'te For-Each Döngüsü Nasıl Çalışır?

TypeScript'te, “ Her biri için ” döngüsü ile uygulanır. 'her biri için() Array nesnesinin önceden tanımlanmış bir yöntemi olan ” yöntemi. Dizi öğeleri veya diğer yinelenebilir nesneler arasında yineleme yapmak için kullanılır. Dizideki her öğe için yürütülen bir geri arama işlevini bağımsız değişkeni olarak kabul eder.







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



her biri için ( geri aramaFunc )

Burada 'callbackFunc', bir dizideki her öğeyi test etmek için kullanılan işlevdir.



Örneğin, yukarıdaki sözdizimini şu şekilde kullanın:





dizi.her biri için ( işlev ( değer ) {
// yürütülecek kod için her eleman
} ) ;

Örnek
Aşağıdaki örnekte, “adlı bir dizi tipi dizimiz var. Sadece ”:

izin vermek dil: dizi [ ] = [ 'JavaScript' , 'jQuery' , 'Java' ] ;

Diziyi yinelemek ve dizinin her öğesini konsolda görüntülemek için forEach() yöntemini For-Each döngüsü olarak çağırın:



lang.forEach ( işlev ( değer ) {
konsol.log ( değer ) ;
} ) ;

TypeScript dosyasını “tsc” komutunu kullanarak aktarın:

tsc forEachLoop.ts

Kod şimdi JavaScript'e dönüştürüldü, şimdi verilen komutu kullanarak JavaScript dosyasını çalıştıracağız:

düğüm forEachLoop.js

Çıktı, For-Each döngüsünü kullanarak diziyi yineleyerek dizi öğelerinin konsolda başarıyla görüntülendiğini gösterir:

“For-Each” döngüsü sadece diziler için kullanılmaz; yinelenebilir herhangi bir nesneyle de kullanılabilir. Burada, “adlı nesneyi yineleyeceğiz. saat bilgisi ” üç anahtar/değer çiftine sahip olmak:

izin vermek stdBilgisi = {
İD : 5 ,
isim: 'Mily' ,
yaş: onbeş
} ;

Nesnenin özelliklerini ilişkili değerleriyle birlikte yazdırmak için Object.keys() yöntemiyle For-Each döngüsünü kullanarak nesneyi yineleyin:

nesne.anahtarlar ( saat bilgisi ) .her biri için ( işlev ( anahtar ) {
konsol.log ( anahtar + ':' + saat bilgisi [ anahtar ] ) ;
} ) ;

Çıktı

Hepsi TypeScript'te For-Each döngüsünün çalışmasıyla ilgili.

Çözüm

'For-Each' döngüsü, TypeScript'te ' her biri için() ” dizi öğeleri veya diğer yinelenebilir nesneler arasında yineleme yapmak için kullanılan yöntem. Dizideki her öğe için yürütülen bir geri arama işlevini bağımsız değişkeni olarak kabul eder. Bu öğretici, TypeScript'te For-Each döngüsünün çalışmasını gösterdi.