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.

Örnek çözümü göster

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);

Kendini test et

API yanıtını iç modele çevirmek için ne kullanılır?
- console.log
- Dönüşüm fonksiyonu
- typeof operatörü
- interface bildirimi
Cevabı göster

Dönüşüm fonksiyonu — 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.

Parametre değişkeni erişimi

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

Cevabı göster

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

Dönüşüm kavramları

donustur

Dönüşüm fonksiyonu
map

Dizi dönüşüm metodu
Hava

İç model türü
ApiYanit

Dış kaynak türü

Sıradaki ders: Görüntüleme

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler