Sepet tasarımı

Sepet ve ürün tiplerini tasarlayıp iskeleti yazarsın.

Product ve Cart tipleri

Alışveriş sepeti için üç temel tip tanımlarız. Product bir ürünü temsil eder (id, name, price). CartItem bir ürün ve miktarını birleştirir. Cart ise öğe dizisini içerir.

interface Product { id: string; name: string; price: number; }
interface CartItem { product: Product; quantity: number; }
interface Cart { items: CartItem[]; }

Boş sepet iskeleti

Boş bir sepet oluşturmak için items alanı boş dizi olan bir Cart nesnesi tanımlarsın. Bu, sepetin başlangıç durumudur; sonradan ürün eklenerek doldurulur.

const emptyCart: Cart = { items: [] };
console.log(emptyCart.items.length);  // 0

Uygulama Sepet iskeletini yaz

Product arayüzünü tanımla: id: string, name: string, price: number. CartItem arayüzünü tanımla: product: Product, quantity: number. Cart arayüzünü tanımla: items: CartItem[]. Boş bir sepet oluştur ve öğe sayısını yazdır.

Örnek çözümü göster

interface Product {
  id: string;
  name: string;
  price: number;
}

interface CartItem {
  product: Product;
  quantity: number;
}

interface Cart {
  items: CartItem[];
}

const emptyCart: Cart = { items: [] };
console.log(emptyCart.items.length);

Kendini test et

Bir CartItem hangi bilgileri içermelidir?
- Ürün ve miktar
- Yalnızca ürün adı
- Yalnızca fiyat
- Yalnızca miktar
Cevabı göster

Ürün ve miktar — CartItem, Product ve quantity alanlarını içerir; bu sayede hangi üründen kaç adet olduğunu bilirsin.

CartItem alanını tamamla

interface CartItem { product: Product; ____: number; }

Cevabı göster

interface CartItem { product: Product; quantity: number; }

Sepet tip parçaları

Product

Ürün bilgileri (id, name, price)
CartItem

Ürün ve miktar
Cart

Sepet öğeleri dizisi
items: CartItem[]

Sepet içeriği

Sıradaki ders: Ürün ekleme

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler