CodeBlanks Logo Icon CodeBlanks

Ürün listesi tanımlama

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

Ürün adları ve fiyatlarından oluşan diziler tanımlayarak sepetin temelini kurarsın.

İki paralel dizi

Ürünleri temsil etmek için iki paralel dizi kullanacağız:

  • productNames: ürün adlarını tutar (string'ler)
  • productPrices: ürün fiyatlarını tutar (sayılar)

Aynı indeksteki elemanlar aynı ürüne aittir: productNames[0] ile productPrices[0] ilk ürünün adını ve fiyatını verir.

Bu yapıya paralel diziler denir; tek bir nesne yerine burada işimizi kolayca göreceği için tercih ediyoruz.

Dizi elemanına erişmek

Dizideki bir elemana indeksi ile erişirsin. İndeksler sıfırdan başlar ve son indeks length - 1'dir:

  • productNames[0] → ilk ürünün adı
  • productNames[1] → ikinci ürünün adı
  • productNames[2] → üçüncü ürünün adı

Aynı mantık productPrices için de geçerlidir. Bir for döngüsü içinde i değişkenini indeks olarak kullanırsan tüm elemanlara sırayla ulaşabilirsin.

Uygulama Ürün adları ve fiyatları dizilerini tanımla

Bir önceki adımda boş bir cart dizisi tanımlamıştın. Şimdi iki yeni dizi ekle: productNames üç ürün adı içersin, productPrices aynı sırayla üç fiyat içersin. Sonra ikisini birden 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];
console.log(productNames, productPrices);

Kendini test et

  1. Dizi oluşturma sözdizimini tamamla

    const productNames = ____;
    console.log(productNames[0]);
    Cevabı göster
    const productNames = ["Kalem", "Defter", "Silgi"];
    console.log(productNames[0]);
  2. const productPrices = [15, 30, 10]; tanımındaki 30 değeri hangi türdedir?

    • string
    • number
    • boolean
    • array
    Cevabı göster

    number — Doğru! Tırnak içine alınmamış sayılar number türündedir.

  3. İndeksi değere eşleştir

    productNames[0]
    Kalem
    productNames[1]
    Defter
    productNames[2]
    Silgi
    productPrices[0]
    15

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