Bu makalede, JavaScript'te bir şeyin nasıl tekrarlanabileceğine ilişkin farklı yöntemler anlatılmaktadır.
JavaScript'te Bir Şey Nasıl Tekrarlanır?
Bir dize JavaScript'te aşağıdaki şekillerde tekrarlanabilir:
- While döngüsü yöntemini kullanma
- ES6 tekrar() yöntemini kullanma
- Özyinelemeyi kullanma
- fill() yöntemini kullanma
Her yöntemi ayrıntılı olarak ele alalım.
Yöntem 1: While Döngüsünü Kullanarak JavaScript'te Bir Şeyi Tekrarlayın
“ Sırasında ”, JavaScript'te belirli bir koşul altında tekrar tekrar yürütülen bir kontrol akışı ifadesidir. Her yinelemeden önce koşul gözden geçirilir. While döngüsü koşul doğru olana kadar çalışır. Koşul yanlış olduğunda döngünün yürütülmesi durdurulur. Aşağıdaki kod, while döngülerini kullanarak JavaScript'teki tekrarlama işlemini göstermektedir:
DOCTYPE HTML'si >
< HTML >
< senaryo >
fonksiyon tekrarı ( str, say ) {
let rpt_Str = ' ' ;
sırasında ( saymak > 0 ) {
rpt_Str += cadde ;
saymak --;
}
geri dönmek rpt_Str ;
}
belge. yazmak ( tekrarlamak ( 'taylor' , 6 ) ) ;
senaryo >
HTML >
Yukarıdaki örnekte:
- Betik etiketinin içinde “str” ve “count” parametreleriyle bir tekrarlama() işlevi tanımlanır.
- Daha sonra boş bir “rpt_str” stringi tanımladık ve sayımın 0'dan büyük kalması şartıyla bir while döngüsü başlattık.
- “rpt_str”, “str” değerini içerir ve koşul artık doğru olmadığı sürece while döngüsü çalışır. Bu durumda sayım değeri 6 olduğundan dize 6 kez yazdırılacaktır.
Çıktı
“TAYLOR” dizisi 6 kez tekrarlanacak ve bu da sayıma eşdeğer olacaktır:
Yöntem 2: ES6 Repeat() işlevini kullanarak JavaScript'te Bir Şeyi Tekrarlama
ES6 tekrarlamak() JavaScript'te bir dizeyi tekrarlamak için kullanılabilir. Çağrıldığında belirli kopyaları olan bir dize döndürülür. Repeat() işlevini kullanarak bir dizeyi nasıl tekrarlayabileceğimizi gösteren bir kod örneği:
DOCTYPE HTML'si >< HTML >
< senaryo >
işlev rpt_str ( dizi,say ) {
eğer ( saymak > 0 )
geri dönmek cadde. tekrarlamak ( saymak ) ;
başka
geri dönmek '' ;
}
belge. yazmak ( rpt_str ( 'JavaScript' , 5 ) ) ;
senaryo >
HTML >
Yukarıdaki kodda,
- Bir “rpt_str()” fonksiyonu str ve count parametreleriyle tanımlanır.
- str değeri, count'a atanan değere göre tekrarlanacak olan “JavaScript” olarak atanır.
Çıktı
Bu örnekte count'a atanan değer 5'tir, dolayısıyla Repeat() işlevi JavaScript'i 5 kez tekrarlayacaktır:
Yöntem 3: Özyinelemeyi Kullanarak JavaScript'te Bir Şeyi Tekrarlama
Özyineleme, bir fonksiyonun istenen sonucu almadığı sürece kendisini tekrar tekrar çağırmasını sağlar. Özyinelemede özyinelemeyi sonlandırmak için bir birincil/temel durum belirtilmelidir. Geleneksel olarak koşullu bir cümlenin içindedir. Özyinelemeli fonksiyon, istenen sonucu elde edene kadar kendisini tekrar tekrar çağırarak çalışır. Aşağıdaki örnek, JavaScript'te tekrarlamayı gerçekleştirmek için özyineleme yöntemini anlamanıza yardımcı olur:
! DOCTYPE HTML'si >< HTML >
< senaryo >
işlev rpt_str ( dizi,say ) {
eğer ( saymak < 0 )
geri dönmek '' ;
eğer ( saymak === 1 )
geri dönmek cadde ;
başka
geri dönmek cadde + rpt_str ( str, say - 1 ) ;
}
belge. yazmak ( rpt_str ( ' KOD ' , 7 ) ) ;
senaryo >
HTML >
Yukarıdaki kodda:
- Bir “rpt_str()” fonksiyonu “str” ve “count” parametreleriyle tanımlanır.
- Sayımın değeri 0'dan küçükse boş bir dize döndürülür. Count değeri 1 ise str değerini döndürür ve str değeri 1'den büyükse işlev str girdi değerini rpt_str(str, count – 1) sonucuyla birleştirir.
- Burada str'nin değeri “CODE” ve count'un değeri 7 olduğundan tekrarlanan string 7 kez CODE yazdıracaktır.
Çıktı:
Yöntem 4: fill() İşlevini Kullanarak JavaScript'te Bir Şeyi Tekrarlama
JavaScript şunları sunar: doldurmak() Bir diziyi statik değerlerle doldurmamıza izin veren yöntem. JavaScript'te bir şeyi tekrarlamak için join() işleviyle birlikte kullanılabilir. Örneğin, dize değerleri fill() işlevi kullanılarak boş bir diziye eklenebilir ve yinelenen dizeyi elde etmek için join() işleviyle birleştirilebilir. Bir dizeyi fill() işleviyle nasıl tekrarlayabileceğinizi gösteren bir kod örneği burada verilmiştir:
< HTML >< vücut >
< senaryo >
izin ver = ' BAŞLANGIÇ AŞAMASI '
let rpt_str = Sıralamak ( 5 ) . doldurmak ( cadde ) . katılmak ( '' )
belge. yazmak ( rpt_str ) ;
senaryo >
vücut >
HTML >
Yukarıdaki örnekte:
- Bir str değişkeni tanımlanır ve “ FRONTEND ” değeri ile atanır.
- Array(5) işlevi, dizenin doldurulacağı ve tekrarlanan bir dize oluşturmak üzere bir araya getirileceği 5 yuva oluşturacaktır. Değer “rpt_str” değişkeninde saklanır.
- document.write(rpt_str) tekrarlanan dizeyi yazdıracaktır.
Çıktı
Kodu çalıştırırken “FRONTEND” dizisi 5 kez tekrarlanacaktır:
Bu tamamen JavaScript'te bir şeyi farklı yöntemler kullanarak tekrarlamakla ilgilidir.
Çözüm
JavaScript'te bir şeyi tekrarlamanın olağan yöntemi, öğenin yineleme sayısını belirten belirli bir parametreyi alan ES6 Repeat() işlevini kullanmaktır. Bir süre döngüsü, özyinelemeli işlevler veya fill() yöntemi kullanmak gibi diğer yöntemler. Bu makalede, örnekleriyle birlikte JavaScript'te bir şeyin tekrarlanabileceği çeşitli yollar açıklanmaktadır.