CodeBlanks Logo Icon CodeBlanks
Giriş Yap Kayıt Ol

Veri dönüştürme

API yanıtını iç modeline dönüştürürsün.

Veri dönüştürme nedir?

API'den gelen ham veriyi uygulamanın iç modeline çevirmeye dönüştürme (transform) denir. Bir fonksiyon, API yanıt tipini parametre alıp iç model tipini döndürür. Bu sayede dış kaynaklı veri ile uygulama içi veri ayrı tutulur ve API değişse bile iç model sabit kalır.

function donustur(y: ApiYanit): Hava {
  return { sehir: y.sehir, sicaklik: y.sicaklik, durum: "-" };
}

Dönüşümde alan eşleme

Dönüşüm fonksiyonu içinde API yanıtının her alanı iç modelin karşılık gelen alanına kopyalanır. y.sehir değeri Hava.sehir alanına atanır. Eğer iç model API'de olmayan bir alan içeriyorsa, dönüşüm sırasında bir varsayılan değer verilir.

function donustur(y: ApiYanit): Hava {
  return {
    sehir: y.sehir,
    sicaklik: y.sicaklik,
    durum: "bilinmiyor"
  };
}

Uygulama donustur fonksiyonu

ApiYanit ve Hava interface'leri tanımla: ikisi de sehir: string ve sicaklik: number içersin. donustur fonksiyonu (y: ApiYanit): Hava olsun ve { sehir: y.sehir, sicaklik: y.sicaklik } dönsün. donustur({ sehir: "Ankara", sicaklik: 18 }) çağrısı sonucunun .sehir alanını console.log ile yazdır.

Başlangıç kodu

index.ts
// ApiYanit ve Hava interface tanımla
// donustur fonksiyonu ApiYanit alıp Hava dönsün
// sehir ve sicaklik kopyalansın
// donustur ile çağırıp sehir yazdır

Örnek çözüm

index.ts
interface ApiYanit { sehir: string; sicaklik: number; }
interface Hava { sehir: string; sicaklik: number; }
function donustur(y: ApiYanit): Hava {
  return { sehir: y.sehir, sicaklik: y.sicaklik };
}
const h = donustur({ sehir: "Ankara", sicaklik: 18 });
console.log(h.sehir);

Beklenen çıktı

Ankara

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 API yanıtını iç modele çevirmek için ne kullanılır?

  • console.log
  • Dönüşüm fonksiyonu Doğru cevap
  • typeof operatörü
  • interface bildirimi

Açıklama: Dönüşüm fonksiyonu API yanıt tipini alıp iç model tipini döndürür; bu sayede dış ve iç veri ayrı tutulur.

2 Parametre değişkeni erişimi

Soru 
function donustur(y: ApiYanit): Hava {
  return { sehir: ____.sehir, sicaklik: y.sicaklik };
}
Cevap 
function donustur(y: ApiYanit): Hava {
  return { sehir: y.sehir, sicaklik: y.sicaklik };
}

Açıklama: Dönüşüm fonksiyonunda parametre değişkeni y'dir; alanlara y.sehir şeklinde erişilir.

3 Dönüşüm kavramları

Kavram Anlamı
donustur Dönüşüm fonksiyonu
map Dizi dönüşüm metodu
Hava İç model türü
ApiYanit Dış kaynak türü

Orta seviye bölümündeki tüm dersler

1 Sınıflar

  1. Class temelleri
  2. Constructor ve alanlar
  3. Metotlar
  4. Statik üyeler
  5. Özet - Sınıflar

2 Erişim belirteçleri

  1. public
  2. private
  3. protected
  4. Parametre özellikleri
  5. Özet - Erişim belirteçleri

3 Readonly özellikler

  1. readonly alanlar
  2. Readonly parametre
  3. Readonly vs const
  4. Özet - Readonly

4 Generic'ler

  1. Generic nedir?
  2. Generic fonksiyonlar
  3. Generic sınıflar
  4. Çoklu tür parametresi
  5. Özet - Generic'ler

5 Generic kısıtları

  1. extends kısıtı
  2. keyof kısıtı
  3. Default tür parametresi
  4. Özet - Generic kısıtları

6 Utility types

  1. Partial
  2. Required ve Pick
  3. Omit ve Record
  4. Özet - Utility types

7 keyof ve typeof

  1. keyof operatörü
  2. typeof operatörü
  3. keyof ile indexing
  4. Özet - keyof ve typeof

8 Mapped types

  1. Mapped type nedir?
  2. Readonly mapped type
  3. Optional mapped type
  4. Özet - Mapped types

9 Conditional types

  1. Conditional type nedir?
  2. Distributive conditional
  3. Conditional ile mantık
  4. Özet - Conditional types

10 infer

  1. infer anahtar kelimesi
  2. Promise'ten değer çıkarma
  3. Dizi eleman türü
  4. Özet - infer

11 Decorator'lar

  1. Decorator nedir?
  2. Method decorator
  3. Property decorator
  4. Decorator fabrikaları
  5. Özet - Decorator'lar

12 Modüller

  1. export ve import
  2. Default export
  3. Re-export
  4. Type-only import
  5. Özet - Modüller

13 Namespace'ler

  1. Namespace nedir?
  2. İç içe namespace
  3. Namespace vs module
  4. Özet - Namespace'ler

14 Declaration dosyaları

  1. .d.ts nedir?
  2. Ambient module
  3. Triple-slash directive
  4. Özet - Declaration dosyaları

15 İleri sınıflar

  1. abstract sınıf
  2. implements
  3. Get ve set
  4. Özet - İleri sınıflar

16 Type assertion

  1. as anahtar kelimesi
  2. angle bracket syntax
  3. Type assertion vs casting
  4. unknown'dan cast
  5. Özet - Type assertion

17 Proje: Kütüphane paketi

  1. Paket tasarımı
  2. Türleri dışa aktarma
  3. Generic yardımcılar
  4. Bildirim dosyası
  5. Birleştirme

18 Proje: Quiz uygulaması

  1. Soru modeli
  2. Soru havuzu
  3. Cevap kontrolü
  4. Skor hesaplama
  5. Birleştirme

19 Proje: Hava durumu

  1. Hava durumu modeli
  2. API yanıtı tipi
  3. Veri dönüştürme
  4. Görüntüleme
  5. Birleştirme

20 Orta seviye finali

  1. Meydan okuma 1: Sınıflar
  2. Meydan okuma 2: Generic'ler
  3. Meydan okuma 3: Tür sistemleri
  4. Meydan okuma 4: Mini uygulama