Özet - Dizi döngüleri

JavaScript kursu · Başlangıç · Ders 64/133

forEach ve for...of kullanarak bir görev listesini ekrana yazdırırsın.

Özet - Dizi döngüleri

Bu grupta diziler üzerinde döngü kurmanın ve arama yapmanın çeşitli yollarını öğrendin:

forEach: her eleman için callback çalıştırır
for...of: değerleri sırayla verir, break destekler
indexOf: eşit olan ilk indeksi döner, yoksa -1
includes: true/false döner
findIndex ve some: koşul sorgusu yapar

Şimdi bunları bir görev listesinde birleştireceksin.

Uygulama tasks dizisini indeksiyle birlikte yazdır

tasks adında en az üç görev dizesi içeren bir dizi oluştur. forEach ile her görevi indeksiyle birlikte "1. görev" biçiminde console.log ile yazdır. İndeks 0'dan başlasa bile çıktıda 1'den başlasın (yani i + 1 kullan).

Örnek çözümü göster

forEach'in callback'ine iki parametre ver (task, i), sonra i + 1 ile numara üret.
Örnek çözüm:
const tasks = ["ödev", "spor", "uyku"];
tasks.forEach((task, i) => console.log((i + 1) + ". " + task));

Uygulama colors dizisini for...of ile yazdır

colors adında en az dört renk dizesi içeren bir dizi oluştur. for...of ile her rengi console.log ile yazdır.

Örnek çözümü göster

Diziyi yaz, sonra for...of ile her rengi gez ve console.log ile yazdır.
Örnek çözüm:
const colors = ["kırmızı", "mavi", "yeşil", "sarı"];
for (const color of colors) {
  console.log(color);
}

Kendini test et

Bir elemanın dizide var mı olduğunu true/false ile öğrenmek için en uygun olan hangisidir?
- includes
- indexOf
- for...of
- findIndex
Cevabı göster

includes — Doğru. includes doğrudan true/false döner; ek karşılaştırma gerekmez.

forEach ile her görevi yazdır

const tasks = ["ödev", "spor", "uyku"];
tasks.forEach(task => console.log(____));

Cevabı göster

const tasks = ["ödev", "spor", "uyku"];
tasks.forEach(task => console.log(task));

Başlangıç bölümündeki tüm dersler

1 Değişkenler ve veri türleri

Özet - Dizi döngüleri