Meydan okuma 4: Mini uygulama

Orta seviyenin tamamını yoklayan bir görev çözersin.

Mini uygulama meydan okuması

Bu meydan okuma orta seviyenin tamamını yoklar. interface ile veri modeli, generic fonksiyonlar, erişim belirteçleri ve görüntüleme fonksiyonlarını birleştirerek çalışan bir mini uygulama yazacaksın. Her parça kendi sorumluluğunu taşır ve birlikte tür güvenli, çalışır bir uygulama oluşturur.

Uygulama Generic ilk eleman yardımcısı

Urun interface'i tanımla: ad: string, fiyat: number. ilk generic fonksiyonu <T>(arr: T[]): T | undefined olsun ve return arr[0] dönsün. urunler dizisi iki Urun içersin: { ad: "kalem", fiyat: 5 } ve { ad: "defter", fiyat: 10 }. ilk(urunler) sonucunu ilkUrun'e ata ve ilkUrun.ad'ı yazdır.

Örnek çözümü göster

interface Urun { ad: string; fiyat: number; }
function ilk<T>(arr: T[]): T | undefined {
  return arr[0];
}
const urunler: Urun[] = [
  { ad: "kalem", fiyat: 5 },
  { ad: "defter", fiyat: 10 }
];
const ilkUrun = ilk(urunler);
console.log(ilkUrun.ad);

Uygulama Görev filtreleme uygulaması

Gorev interface'i tanımla: ad: string, tamamlandi: boolean. filtrele generic fonksiyonu <T>(arr: T[], kosul: (x: T) => boolean): T[] olsun. İçinde sonuc: T[] boş dizi tanımla, for...of ile her eleman için kosul(x) true ise sonuc.push(x) yap, return sonuc. gorevler dizisi iki Gorev içersin: { ad: "a", tamamlandi: true } ve { ad: "b", tamamlandi: false }. filtrele(gorevler, (g) => !g.tamamlandi) sonucunu aciklar'a ata ve aciklar.length'i yazdır.

Örnek çözümü göster

interface Gorev { ad: string; tamamlandi: boolean; }
function filtrele<T>(arr: T[], kosul: (x: T) => boolean): T[] {
  const sonuc: T[] = [];
  for (const x of arr) {
    if (kosul(x)) sonuc.push(x);
  }
  return sonuc;
}
const gorevler: Gorev[] = [
  { ad: "a", tamamlandi: true },
  { ad: "b", tamamlandi: false }
];
const aciklar = filtrele(gorevler, (g) => !g.tamamlandi);
console.log(aciklar.length);

Kendini test et

Bir mini uygulamada veri modeli, generic fonksiyon ve görüntüleme adımlarının doğru sırası nedir?
- Sadece generic yaz, gerisi gerekmez
- Model tanımla, generic fonksiyon yaz, görüntüle
- Sadece görüntüle, model gerekmez
- Önce görüntüle, sonra model, sonra generic
Cevabı göster

Model tanımla, generic fonksiyon yaz, görüntüle — Doğru akış: önce veri modeli tanımlanır, sonra generic fonksiyon yazılır, en son görüntüleme yapılır.

Veri modeli anahtar kelimesi

____ Gorev { ad: string; tamamlandi: boolean; }

Cevabı göster

interface Gorev { ad: string; tamamlandi: boolean; }

Mini uygulama parçaları

interface

Veri modeli
generic

Tür güvenli yardımcı
extends

Kısıt
console.log

Çıktı

Sıradaki ders: Orta seviye bölüm sınavı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler