CodeBlanks Logo Icon CodeBlanks

Ü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ı.

Başlangıç kodu

index.js
class Cart {
    constructor() {
        this.items = [];
    }
}
    // addItem metodunu buraya yaz
}

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

Örnek çözüm

index.js
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");

Beklenen çıktı

eklendi

Soru ve cevaplar

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

1 addItem gövdesini yaz

Soru
addItem(product) {
    ____;
}
Cevap
addItem(product) {
    this.items.push(product);
}

Açıklama: this.items.push(product) ürünü diziye ekler.

2 Metodu işleve eşle

Kavram Anlamı
addItem Sepete ürün ekler
push Diziye sona ekler
constructor İlk kurulum
this.items Ürünler dizisi

3 cart.addItem(p) ne yapar?

index.js
cart.addItem(p);
  • p'yi items'a ekler Doğru cevap
  • Sepeti yazdırır
  • Ürünü çıkarır
  • Toplamı hesaplar

Açıklama: addItem p'yi this.items dizisine ekler.

Başlangıç bölümündeki tüm dersler