Filtreleme

Duruma göre görev filtrelemeyi öğrenirsin.

filterByStatus fonksiyonu

filterByStatus, görevleri durumlarına göre süzer. filter metodu, koşula uyan öğeleri içeren yeni bir dizi döndürür; orijinal dizi değişmez.

function filterByStatus(todos: Todo[], status: Status): Todo[] {
  return todos.filter(t => t.status === status);
}

filter sonucunu kullanmak

filter her zaman yeni bir dizi döndürür; orijinal todos değişmez. Bu yüzden sonucu yeni bir değişkene ataman gerekir.

const active = todos.filter(t => t.status === "active");
// active: Todo[] (sadece active olanlar)

Bu listede yalnızca "active" durumdaki görevler yer alır.

Uygulama filterByStatus fonksiyonu yaz

Status ve Todo tanımla. addTodo, completeTodo ve listTodos fonksiyonlarını yaz. filterByStatus(todos: Todo[], status: Status): Todo[] fonksiyonu yaz: filter ile t.status === status koşuluna uyanları döndür. "Süt al" ve "Ekmek al" görevlerini ekle, birini ("1") tamamla, "active" olanları filtrele ve listele.

Örnek çözümü göster

type Status = "active" | "completed";
interface Todo { id: string; title: string; status: Status; }

function addTodo(todos: Todo[], title: string): Todo[] {
  const todo: Todo = { id: String(todos.length + 1), title, status: "active" };
  todos.push(todo);
  return todos;
}

function completeTodo(todos: Todo[], id: string): void {
  const todo = todos.find(t => t.id === id);
  if (todo) {
    todo.status = "completed";
  }
}

function filterByStatus(todos: Todo[], status: Status): Todo[] {
  return todos.filter(t => t.status === status);
}

function listTodos(todos: Todo[]): void {
  todos.forEach(t => console.log(t.id + ": " + t.title + " [" + t.status + "]"));
}

const todos: Todo[] = [];
addTodo(todos, "Süt al");
addTodo(todos, "Ekmek al");
completeTodo(todos, "1");
const active = filterByStatus(todos, "active");
listTodos(active);

Kendini test et

filter metodu ne döndürür?
- number
- void
- Yeni bir Todo[]
- Tek bir Todo
Cevabı göster

Yeni bir Todo[] — filter, koşula uyan tüm öğeleri içeren yeni bir dizi döndürür. Orijinal dizi değişmez; sonuç yeni bir değişkene atanır.

filter koşulunu tamamla

return todos.filter(t => t.status === ____);

Cevabı göster

return todos.filter(t => t.status === status);

Filtreleme parçaları

filter

Koşula uyanları al
t.status === status

Durum karşılaştırması
Todo[] (dönüş)

Filtrelenmiş liste
filterByStatus

Duruma göre filtrele

Sıradaki ders: Birleştirme

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler