CodeBlanks Logo Icon CodeBlanks

Özellik ekleme ve değiştirme

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

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 29

Ekleme 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

  1. 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.

  2. Puanı güncelle

    const player = { name: 'Ali', score: 10 };
    player.score ____ 20;
    Cevabı göster
    const player = { name: 'Ali', score: 10 };
    player.score = 20;
  3. İşlemi eşleştir

    user.age = 28
    yaş ekle
    user.age = 29
    yaşı değiştir
    user.age
    yaşı oku

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