Özellik ekleme ve değiştirme
Nesneye yeni özellik eklemeyi ve var olanı değiştirmeyi öğrenirsin.
Özellik ekleme
Bir nesneye sonradan yeni özellik ekleyebilirsin. Nokta veya köşe ayraç notasyonuyla atama yapman yeter.
const user = { name: 'Ayşe' };
user.age = 28;
user['city'] = 'İstanbul';
// user: { name: 'Ayşe', age: 28, city: 'İstanbul' }Nesne const ile tanımlanmış olsa bile içeriği değiştirilebilir; const yalnızca yeniden atamayı engeller. Bu davranışa mutasyon denir.
Özellik değiştirme
Var olan bir özelliğin değerini değiştirmek de aynı şekilde atama ile yapılır. Aynı anahtara yeniden değer verirsin.
const user = { name: 'Ayşe', age: 28 };
user.age = 29;
// user.age artık 29Ekleme ile değiştirme arasındaki tek fark, anahtarın nesnede önceden var olup olmamasıdır. JavaScript otomatik olarak doğru davranışı seçer.
Uygulama Ürünü güncelle
product nesnesinin price özelliğini 49 olarak değiştir. Sonra nesneye discount özelliğini 10 olarak ekle. Son olarak product'ı console.log ile yazdır.
Örnek çözümü göster
const product = { name: 'Kalem', price: 25 };
product.price = 49;
product.discount = 10;
console.log(product);
Kendini test et
-
user'a yeni özellik eklemenin doğru yolu?
const user = { name: 'Ayşe' };- user.age = 28;
- user(age) = 28;
- user->age = 28;
- age.user = 28;
Cevabı göster
user.age = 28; — Doğru! Nokta notasyonuyla atama yeni özellik ekler.
-
Puanı güncelle
const player = { name: 'Ali', score: 10 }; player.score ____ 20;Cevabı göster
const player = { name: 'Ali', score: 10 }; player.score = 20; -
İşlemi eşleştir
- user.age = 28
- yaş ekle
- user.age = 29
- yaşı değiştir
- user.age
- yaşı oku