CodeBlanks Logo Icon CodeBlanks

Sepete ürün ekleme

JavaScript kursu · Başlangıç · Ders 56/133

push ile sepete ürün ekler ve döngüyle listeyi gösterirsin.

push ile diziye eleman ekleme

Bir dizinin sonuna eleman eklemek için push yöntemini kullanırsın:

cart.push(0); — cart dizisinin sonuna 0 değerini ekler.

Bizim sepette, sakladığımız değer bir ürün indeksidir. Yani cart.push(0), "Kalem" ürününü sepete ekle demektir; çünkü productNames[0] ilk ürünün adıdır.

Birden çok ürün eklemek için her biri için ayrı bir push çağrısı yapabilirsin.

Sepeti indekslerle doldurmak

Sepete ürün eklemek için o ürünün indeksini push ile ekleriz. Örneğin:

cart.push(0); — Kalem (15)
cart.push(2); — Silgi (10)

Sepetin içeriği artık [0, 2]. Bu, "bir Kalem ve bir Silgi" demektir. Sepetin length özelliği eklenen ürün sayısını verir.

Bir for döngüsüyle sepetteki her indeksi sırayla gezip ürün adını ve fiyatını yazdırabiliriz.

Uygulama Sepete iki ürün ekle ve döngüyle listele

Şimdi cart dizisine iki ürünün indeksini push ile ekle (örneğin 0 ve 2). Sonra bir for döngüsüyle sepetteki her ürün için adını ve fiyatını console.log ile yazdır.

Örnek çözümü göster
// Sepet için boş bir dizi
const cart = [];
// Ürün adları ve fiyatları
const productNames = ["Kalem", "Defter", "Silgi"];
const productPrices = [15, 30, 10];
// Sepete ürün ekle
cart.push(0);
cart.push(2);
// Sepetteki ürünleri listele
for (let i = 0; i < cart.length; i++) {
  console.log(productNames[cart[i]], productPrices[cart[i]]);
}

Kendini test et

  1. cart.push(2) çağrısı ne yapar?

    • cart dizisinin 2. indeksine bir eleman koyar
    • cart dizisinden 2. indeksteki elemanı çıkarır
    • cart dizisinin sonuna 2 değerini ekler
    • cart dizisinde 2. indeksteki elemanı döndürür
    Cevabı göster

    cart dizisinin sonuna 2 değerini ekler — Doğru! push, dizinin sonuna verilen değeri ekler.

  2. push çağrısını tamamla

    const cart = [];
    cart.____(0);
    Cevabı göster
    const cart = [];
    cart.push(0);
  3. İfadeyi anlamına eşleştir

    cart.length
    Sepetteki ürün sayısı
    cart.push(1)
    Sepete ikinci ürünü ekler
    productNames[0]
    İlk ürünün adı
    productPrices[2]
    Üçüncü ürünün fiyatı

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