JavaScript
Görev ekleme ve listeleme
push ile görev ekler ve for...of ile listeyi gösterirsin.
push ile görev eklemek
Diziye yeni eleman eklemenin en sık yolu push metodudur. tasks.push(task) çağrısı task değişkenini tasks dizisinin sonuna koyar ve dizinin uzunluğunu bir artırır.
push diziyi yerinde değiştirir; yani yeni bir dizi oluşturmaz. Bu yüzden ekledikten sonra diziyi yeniden atamana gerek yoktur. Geriye eklenen eleman sayısını döndürür.
for...of ile listelemek
Bir dizinin tüm elemanlarını gezmek için for...of döngüsü kullanışlıdır. Her adımda döngü değişkeni dizinin bir elemanını alır; indeksle uğraşmazsın.
for (const task of tasks) yazdığında task sırayla her görev olur. İçeride task.title veya task.completed ile alanlara ulaşırsın. const kullanmak değişkeni değiştirmeyeceğini gösterir.
Görüntüleme biçimi
Görevleri listelerken okunabilir bir biçim seçmek önemli. console.log içine metin ve değerleri + ile birleştirerek yazabilirsin. Örneğin task.id + ". " + task.title çıktısı 1. Ekmek al gibi görünür.
İstersen tamamlanan görevlerin yanına bir işaret de koyabilirsin. Şimdilik sadece numara ve başlık basit ve yeterlidir; biçimi sonraki derslerde geliştirebilirsin.
Uygulama Görev ekle ve listele
addTask ve listTasks adında iki fonksiyon tanımla. addTask, createTask ile görev oluşturup tasks'a eklesin ve nextId'yi artırsın. listTasks, for...of ile görevleri gezip her birini console.log ile yazdırsın.
Örnek çözümü göster
addTask içinde createTask'i çağır, sonucu push ile ekle ve nextId'yi artır. listTasks for...of ile dolaşır ve console.log ile yazdır.
Örnek çözüm:
function addTask(title) {
const task = createTask(title);
tasks.push(task);
nextId++;
}
function listTasks() {
for (const task of tasks) {
console.log(task.id + ". " + task.title);
}
}
Kendini test et
-
tasks.push(task) çağrısından sonra tasks dizisine ne olur?
- task eklenir
- task silinir
- dizi boşalır
- dizi sıralanır
Cevabı göster
task eklenir — push, verilen elemanı dizinin sonuna ekler ve dizinin uzunluğunu bir artırır.
-
for...of başlığını tamamla
function listTasks() {
for (const task ____ tasks) {
console.log(task.title);
}
}
Cevabı göster
function listTasks() {
for (const task of tasks) {
console.log(task.title);
}
}
-
Metotları görevlerle eşleştir
- push
- Diziye eleman ekler
- for...of
- Değerleri gezer
- console.log
- Ekrana yazdırır
Sıradaki ders: Görev tamamlama ve silme
