Özellik erişimi
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; // 28Nokta 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]; // 28Köş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
-
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.
-
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]; -
Erişim biçimini eşleştir
- user.name
- nokta notasyonu
- user['name']
- köşe ayraç notasyonu
- user[key]
- dinamik erişim