CodeBlanks Logo Icon CodeBlanks

Özellik erişimi

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

Nokta ve köşe ayraç notasyonlarıyla özelliğe erişmeyi ve hangisini kullanacağını öğrenirsin.

Nokta notasyonu

Bir nesnenin özelliğine erişmek için nokta notasyonu kullanırsın: nesnenin adını, noktayı ve özellik adını yan yana yazarsın.

const user = { name: 'Ayşe', age: 28 };
user.name; // 'Ayşe'
user.age;  // 28

Nokta notasyonu okunaklıdır ve özellik adını biliyorsan idealdir. Özellik adı geçerli bir tanımlayıcı olmalıdır; boşluk veya tire içeremez.

Köşe ayraç notasyonu

Özellik adı bir değişkende saklanıyorsa veya geçerli bir tanımlayıcı değilse (boşluk, tire içeriyorsa) köşe ayraç notasyonu kullanırsın.

const user = { 'full name': 'Ayşe Yılmaz' };
const key = 'age';
user['full name']; // 'Ayşe Yılmaz'
user[key];         // 28

Köşeli parantez içinde anahtar bir dize olarak yazılır. Değişken kullanıyorsan tırnak kullanmazsın; dinamik erişim bu sayede mümkün olur.

Uygulama Toplam fiyatı hesapla

Aşağıdaki cart nesnesinin price ve quantity özelliklerine eriş ve total değişkenine çarpımlarını ata. total'ı console.log ile yazdır.

Örnek çözümü göster
const cart = { price: 25, quantity: 4 };
const total = cart.price * cart.quantity;
console.log(total);

Kendini test et

  1. user.name ne döndürür?

    const user = { name: 'Ayşe', age: 28 };
    user.name;
    • 28
    • undefined
    • 'Ayşe'
    • name
    Cevabı göster

    'Ayşe' — Doğru! user.name, name özelliğinin değerini verir.

  2. Değişkenle özelliğe eriş

    const user = { age: 28 };
    const key = 'age';
    user____;
    Cevabı göster
    const user = { age: 28 };
    const key = 'age';
    user[key];
  3. Erişim biçimini eşleştir

    user.name
    nokta notasyonu
    user['name']
    köşe ayraç notasyonu
    user[key]
    dinamik erişim

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