İçeriğe geç

JavaScript · 4/8

Döngüler: tekrar etmek

Tekrarlanan bir işi döngüye dönüştürmek ve kaç tekrar oluştuğunu açıklamak.

Önerilen çalışma: 25–45 dakika; örnekleri kendin uygula. Süre kişiye göre değişir.

Bu sayfada · 9 başlık

Başlamadan önce

Önceki dersteki örneği çalıştırmış olman ve dosya/çıktı ayrımını biliyor olman yararlı.

Öğrenme sırası: konuyu oku → çıktıyı tahmin et → örneği değiştir → alıştırmayı çöz → cevabını gerekçelendir.

JavaScript · Döngüler: tekrar etmek — videolu atölye: açıklamalı kavram şeması
Webino App öğretici şeması · Uygulama ekran görüntüsü değildir.

Videoyla adım adım izle

Türkçe açıklamalı sessiz görsel anlatım. Sesli ders veya kesintisiz ekran kaydı değildir. Duraklatıp kendi ortamında uygula.

Video bölümleri ve tam metin

Döngüler: tekrar etmek

Tekrarlanan bir işi döngüye dönüştürmek ve kaç tekrar oluştuğunu açıklamak.

Kavramı kur

Döngü aynı işi farklı değerler için tekrarlar. Her adımda kullanılan değişkene bakarak o anda hangi öğenin işlendiğini anlayabilirsin. Aynı çıktı satırını üç kez kopyalamak yerine döngü yazmak, tekrar sayısını ve veriyi tek bir yerden değiştirmeyi sağlar. Ancak tekrarın nerede duracağını açıkça belirlemelisin.

Neden böyle çalışıyor?

Başlangıç, devam koşulu ve ilerleme adımını birbirinden ayır. Bitiş değeri bazı yapılarda dahil, bazılarında hariçtir. Sözdizimini ezberlemek yerine 1, 2, 3 gibi küçük bir örneği elde izle. Her tekrarda değişkenin değerini, üretilen çıktıyı ve bir sonraki değeri tabloya yaz.

Çalışma sırası

Toplama gibi görevlerde döngü boyunca birikim tutan bir değişken kullanılır. Başlangıç değeri genellikle toplama için 0 olur. Bu değişkeni her turda yeniden sıfırlarsan önceki sonuçları kaybedersin. Başlangıç hazırlığını döngünün dışında, tekrar eden hesabı döngünün içinde düşün.

İkinci örnek · 1

toplam döngü başlamadan önce hazırlanır. Kodun tamamı yazılı derste bulunur.

Kod

let toplam = 0;
for (let sayi = 1; sayi <= 3; sayi++) {
  toplam += sayi;
}
console.log(toplam);

Beklenen sonucu oku

Son çıktı döngüden sonra yalnızca bir kez yazdırılır.

Beklenen çıktı: 6

Bir değeri sen değiştir

1, 2 ve 3 sayılarının toplamını beklenen sonuçla karşılaştır. Tekrar aralığını 1–5 yap; toplamın 15 olduğunu doğrula.

Hata nereden gelir?

Bitiş sınırını dahil/hariç karıştırmak bir eksik veya fazla tekrar üretir; ilk ve son değeri kontrol et.

Kendi çözümünü kur

Döngü içinde hem sayi hem ara toplamı yazdırarak hesabın nasıl biriktiğini incele. Ara toplamı kaydetmek, hangi turda hata yaptığını görmeni sağlar.

Çözüm varyasyonu · 1

Önce kendi denemeni yap; sonra bu varyasyonun girdileri ile sonucunu karşılaştır.

Kod

let toplam = 0;
for (let sayi = 1; sayi <= 5; sayi++) {
  toplam += sayi;
}
console.log(toplam);

Kendini kontrol et

Biriken toplamı her döngü turunda 0 yapmak neden yanlıştır? Yanıt: Önceki turlardaki birikimi siler; toplam yalnızca son turun katkısını tutar.

Beklenen çıktı: 15

Konu anlatımı

Döngü aynı işi farklı değerler için tekrarlar. Her adımda kullanılan değişkene bakarak o anda hangi öğenin işlendiğini anlayabilirsin. Aynı çıktı satırını üç kez kopyalamak yerine döngü yazmak, tekrar sayısını ve veriyi tek bir yerden değiştirmeyi sağlar. Ancak tekrarın nerede duracağını açıkça belirlemelisin.

Başlangıç, devam koşulu ve ilerleme adımını birbirinden ayır. Bitiş değeri bazı yapılarda dahil, bazılarında hariçtir. Sözdizimini ezberlemek yerine 1, 2, 3 gibi küçük bir örneği elde izle. Her tekrarda değişkenin değerini, üretilen çıktıyı ve bir sonraki değeri tabloya yaz.

Toplama gibi görevlerde döngü boyunca birikim tutan bir değişken kullanılır. Başlangıç değeri genellikle toplama için 0 olur. Bu değişkeni her turda yeniden sıfırlarsan önceki sonuçları kaybedersin. Başlangıç hazırlığını döngünün dışında, tekrar eden hesabı döngünün içinde düşün.

sayi++ değişkeni bir artırır. for başlığındaki üç parça başlangıç, devam koşulu ve adım olarak okunabilir. Döngüden sonra çıktıyı yazdırmak tek toplam verir; console.log ifadesini içeri alırsan ara toplamların her birini görürsün.

İlk örneği oku ve dene

4

Döngüler: tekrar etmek

Aynı işi elle defalarca yazmak yerine döngü kullanırız. Bu örnek 1'den 3'e kadar sayar ve her seferinde bir satır yazar. sayi++ "sayıyı 1 artır" demek.

JavaScript 
for (let sayi = 1; sayi <= 3; sayi++) {
  console.log("Tekrar " + sayi);
}

▶ Sonuç

Tekrar 1
Tekrar 2
Tekrar 3

Adım adım neden böyle çalışıyor?

  1. toplam döngü başlamadan önce hazırlanır.
  2. sayi her tekrarda sıradaki değeri temsil eder.
  3. Her turda sayi mevcut toplama eklenir.
  4. Son çıktı döngüden sonra yalnızca bir kez yazdırılır.
104

İkinci çözümlü örnek

Tekrarlanan bir işi döngüye dönüştürmek ve kaç tekrar oluştuğunu açıklamak.

JavaScript 
let toplam = 0;
for (let sayi = 1; sayi <= 3; sayi++) {
  toplam += sayi;
}
console.log(toplam);

▶ Sonuç

6

Kolaydan zora sen dene

  1. 1, 2 ve 3 sayılarının toplamını beklenen sonuçla karşılaştır.
  2. Tekrar aralığını 1–5 yap; toplamın 15 olduğunu doğrula.
  3. Döngü içinde hem sayi hem ara toplamı yazdırarak hesabın nasıl biriktiğini incele.
İpucunu aç

Ara toplamı kaydetmek, hangi turda hata yaptığını görmeni sağlar.

Üç görevin açıklamalı çözümünü oku
  1. Ara toplamlar 1, 3 ve 6’dır. Son sonuç döngü dışında bir kez yazdırıldığında 6 görünür.
  2. 1–5 toplamı 15’tir. Python’da bitiş 6 olmalı; kapalı aralık veya <= kullanan örneklerde son değer 5 olmalıdır.
  3. Her turda sayı ve birikmiş toplamı yan yana yazdır. Sayı bir artarken toplamın önceki değeri de korunduğu için 1,3,6,10,15 dizisi oluşur.
Bir çözüm varyasyonu gör
204

Çözüm varyasyonu

Önce kendi görevlerini dene. Bu varyasyonda girdi ve sonuçları karşılaştır.

JavaScript 
let toplam = 0;
for (let sayi = 1; sayi <= 5; sayi++) {
  toplam += sayi;
}
console.log(toplam);

▶ Sonuç

15

Yaygın hata ve çözümü

  1. Bitiş sınırını dahil/hariç karıştırmak bir eksik veya fazla tekrar üretir; ilk ve son değeri kontrol et.
  2. Toplamı döngü içinde sıfırlamak yalnızca son turu saklar; başlangıç atamasını dışarı taşı.

Kendini değerlendir

Döngünün amacı nedir?

Ezberlemeden açıklayabiliyor musun?

Biriken toplamı her döngü turunda 0 yapmak neden yanlıştır?

Açıklamalı yanıt

Önceki turlardaki birikimi siler; toplam yalnızca son turun katkısını tutar.

Kendi çözümünde bir girdiyi değiştir. Çalıştırmadan önce beklenen sonucu yaz; gerçek sonuçla karşılaştır ve fark varsa hangi satırdan kaynaklandığını açıkla.

Kaynak ve çalışma ortamı

Örnekler küçük öğretim senaryolarıdır. Java/C#/PHP/Swift çalışma ortamını kendi cihazında ayrıca doğrula; yazılı sonuçlar beklenen davranışı açıklar.

Resmî dil belgeleri
Bu içerik işine yaradı mı?

Görüşünü aşağıdan işaretleyebilir ve varsa notunu bırakabilirsin.