Görev ekleme

addTask fonksiyonuyla listeye görev eklemeyi öğrenirsin.

Görev ekleme

Bir görev nesnesi tek başına yararlıdır; ama bir liste için birçok görevi bir arada tutman gerekir. Bunun için bir dizi (array) ve addTask fonksiyonu kullanacaksın.

addTask(tasks, title) fonksiyonu, mevcut tasks dizisine yeni bir görev nesnesi ekler. Gövdesi şöyledir: tasks.push({ title, done: false }). push metodu dizinin sonuna eleman ekler.

Örnek: const tasks = []; addTask(tasks, 'Ekmek al');. Bu çağrıdan sonra tasks.length 1 olur. Her addTask çağrısı diziyi bir eleman büyütür.

Diziye eleman ekleme

push metodu, JavaScript dizilerinin sonuna eleman ekler. Orijinal dizi değişir; geriye yeni uzunluk döner. Bir görev listesinde her addTask çağrısı push ile bir görev nesnesi ekler.

Örnek: const tasks = []; tasks.push({ title: 'a', done: false }); tasks.push({ title: 'b', done: false });. Bu çağrılardan sonra tasks.length 2 olur ve tasks[0].title 'a' değerini verir.

Dizinin uzunluğunu tasks.length ile okuyabilirsin. Bu özellik, kaç görev olduğunu öğrenmenin en hızlı yoludur. Listeyi yazdırırken de uzunluğu kullanabilirsin.

Uygulama Görev ekle ve say

addTask(tasks, title) fonksiyonunu tanımla. Gövdesi tasks.push({ title, done: false }) çağrısı yapsın. Boş bir tasks dizisi tanımla, addTask(tasks, 'Ekmek al') ile bir görev ekle ve tasks.length değerini console.log ile yazdır.

Örnek çözümü göster

function addTask(tasks, title) {
  tasks.push({ title, done: false });
}
const tasks = [];
addTask(tasks, 'Ekmek al');
console.log(tasks.length);

Kendini test et

push metodu ne yapar?
- İlk elemanı siler
- Diziyi kopyalar
- Uzunluğu azaltır
- Sonuna eleman ekler
Cevabı göster

Sonuna eleman ekler — push dizinin sonuna yeni eleman ekler.

Yeni görev nesnesi

function addTask(tasks, title) {
  tasks.push({ title, done: ____ });
}

Cevabı göster

function addTask(tasks, title) {
  tasks.push({ title, done: false });
}

Ekleme parçalarını eşle

tasks.push(...)

Diziye ekleme çağrısı
{ title, done: false }

Eklenen görev nesnesi
tasks.length

Görev sayısı
addTask(tasks, ...)

Yüksek seviye ekleme

Sıradaki ders: Görev listeleme

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler