Ürün ekleme

addItem metoduyla sepete ürün eklemeyi öğrenirsin.

addItem metodu

Cart sınıfı hazır; şimdi sepete ürün eklemek için addItem metodunu yazacağız. Cart sınıfının items dizisi zaten constructor'da boş olarak başlatıldı; bu dizi eklenen ürünleri tutar.

addItem(product) metodu gövdesinde this.items.push(product) çağrısı yapar; bu, ürünü dizinin sonuna ekler. Ürün, { name, price, quantity } alanlarına sahip bir nesnedir. Örneğin cart.addItem({ name: "Defter", price: 25, quantity: 2 }) bir defter ürünü ekler.

push ve diziye ekleme

.push(x) bir dizinin sonuna eleman ekler ve yeni uzunluğu döndürür. items.push(product) çağrısı product'ı items'ın sonuna koyar; dizinin uzunluğu bir artar.

Birden fazla ürün eklemek için addItem'i her ürün için bir kez çağırırsın. Örneğin iki ürün eklemek: cart.addItem(p1); cart.addItem(p2);. Her çağrı items dizisine bir eleman daha koyar; sırada eklenen sıra korunur. push, dizi sonuna ekleme yapar; başa ekleme için unshift kullanılır.

Uygulama addItem metodunu yaz

Cart sınıfının içine bir addItem metodu ekle. İmzası addItem(product) olmalı. Gövdede this.items.push(product); çağrısı yapsın. main kısmı zaten bir ürün ekleyip eklendi yazdırıyor; sen yalnızca metodu yaz. Çıktı tek satırda eklendi olmalı.

Örnek çözümü göster

class Cart {
    constructor() {
        this.items = [];
    }
    addItem(product) {
        this.items.push(product);
    }
}

// Test
const cart = new Cart();
cart.addItem({ name: "Defter", price: 25, quantity: 2 });
console.log("eklendi");

Kendini test et

addItem gövdesini yaz

addItem(product) {
    ____;
}

Cevabı göster

addItem(product) {
    this.items.push(product);
}

Metodu işleve eşle

addItem

Sepete ürün ekler
push

Diziye sona ekler
constructor

İlk kurulum
this.items

Ürünler dizisi
cart.addItem(p) ne yapar?
```
cart.addItem(p);
```
- p'yi items'a ekler
- Sepeti yazdırır
- Ürünü çıkarır
- Toplamı hesaplar
Cevabı göster

p'yi items'a ekler — addItem p'yi this.items dizisine ekler.

Sıradaki ders: Toplam hesaplama

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler