Javascript Döngüler

Javascript Döngüler, bir işlemi birden fazla kez tekrarlamak istediğimizde kullanılan programlama yapılarıdır. JavaScript’te döngüler, belirli bir koşul sağlandığı sürece kod bloklarının çalışmasını sağlar. Bu da kod tekrarını azaltır ve programların daha verimli olmasını sağlar.

JavaScript’teki temel döngüler:

1. for Döngüsü
2. while Döngüsü
3. do…while Döngüsü
4. for…in Döngüsü
5. for…of Döngüsü

Her bir döngüyü açıklayarak ve örneklerle detaylandıralım.

1. for Döngüsü

for döngüsü, belirli bir sayıda işlem yapmak istediğimizde kullanılır.

Syntax yapısı:

Örnek:

• for (let i = 1; i <= 5; i++) { – Bu, for döngüsünün başlangıç satırıdır. Üç ana kısmı vardır:
  • let i = 1; – Döngünün başlangıç değeri. i değişkeni 1 olarak başlatılır.
  • i <= 5; – Döngünün çalışma koşulu. i 5’e eşit veya küçük olduğu sürece döngü çalışmaya devam eder.
  • i++ – Döngü sonunda her tekrarda i değeri 1 artırılır.
• { console.log("Sayı: " + i); } – Bu, döngü bloğudur ve her döngü tekrarında çalıştırılacak kodu içerir:
  • console.log("Sayı: " + i); – i değişkeninin değerini konsola yazdırır. "Sayı: " metni ile i değişkeninin değeri birleştirilir ve ekrana yazdırılır.

Kod Çıktısı:

2. while Döngüsü

while döngüsü, koşul doğru olduğu sürece çalışır. Döngünün kaç kez çalışacağını önceden bilmediğimiz durumlarda kullanılır.

Syntax yapısı:

Örnek:

• let i = 1; – Bu satır, i değişkenine başlangıç değeri olarak 1 atar.
• while (i <= 5) { – Bu, while döngüsünün başlangıç satırıdır. Koşul kontrol edilir: i 5’e eşit veya küçük olduğu sürece döngü çalışmaya devam eder.
• console.log("Sayı: " + i); – Döngü koşulu doğru olduğu sürece her tekrarda bu kod çalışır ve i değişkeninin değerini konsola yazdırır.
• i++; – Bu satır, i değişkeninin değerini her döngü tekrarında 1 artırır.

Kod Çıktısı:

3. do…while Döngüsü

do...while döngüsü, kod bloğunu en az bir kez çalıştırır. Daha sonra koşul kontrol edilir.

Syntax yapısı:

Örnek:

• let i = 6; – Bu satır, i değişkenine başlangıç değeri olarak 6 atar.
• do { ... } while (i <= 5); – Bu do...while döngüsünün yapılandırılmasıdır. do bloğu içindeki kod en az bir kez çalıştırılır ve ardından while koşulu kontrol edilir:
  • console.log("Sayı: " + i); – Döngü içindeki kod, i değişkeninin değerini konsola yazdırır.
  • i++; – Bu satır, i değişkeninin değerini 1 artırır.

Kod çıktısı:

4. for…in Döngüsü

for...in, bir nesnenin özelliklerini veya bir dizinin indekslerini döngüyle almak için kullanılır.

Syntax yapısı:

Örnek:

• let kişi = { ... }; – Bu satır, kişi adında bir nesne oluşturur ve bu nesnenin isim, yaş ve şehir özelliklerine değerler atar:
  • isim: "Oktay"
  • yaş: 25
  • şehir: "Denizli"
• for (let özellik in kişi) { ... } – Bu, for...in döngüsünün başlangıç satırıdır. Bu döngü, kişi nesnesinin her bir özelliği üzerinde iterasyon yapar:
  • özellik değişkeni, her döngü tekrarında kişi nesnesinin bir özelliğini temsil eder (örneğin, “isim”, “yaş” veya “şehir”).
• console.log(özellik + ": " + kişi[özellik]); – Bu satır, her özellik adı ve ilgili değeri konsola yazdırır:
  • özellik: Döngü tarafından döndürülen özellik adı.
  • kişi[özellik]: Bu özellik adının kişi nesnesindeki değerini döndürür.

Kod çıktısı:

5. for…of Döngüsü

for...of, bir dizinin (array) veya iterable bir yapının her elemanını döngüyle almak için

Syntax yapısı:

Örnek:

• let renkler = ["Beyaz", "Mavi", "Yeşil"]; – Bu satır, renkler adında bir dizi oluşturur ve bu dizinin elemanları “Beyaz”, “Mavi” ve “Yeşil” olarak tanımlanır.
• for (let renk of renkler) { ... } – Bu, for...of döngüsünün başlangıç satırıdır. Bu döngü, renkler dizisinin her bir elemanını sırayla iterasyon yapar:
  • renk değişkeni, her döngü tekrarında renkler dizisinin bir elemanını temsil eder (örneğin, “Beyaz”, “Mavi” veya “Yeşil”).
• console.log(renk); – Bu satır, her döngü tekrarında renk değişkeninin değerini konsola yazdırır.

Kod çıktısı: