Javascript Objeye Eleman Ekleme

Javascript ile çalışırken objeler (nesneler) önemli bir yer tutar. Bu nedenle bir uygulama geliştirirken sürekli olarak nesneleri kullanırız.

Bir nesne oluşturmak için kullandığımız yöntem basittir, süslü parantezler içerisinde anahtar – değer şeklinde nesne özelliklerini girmek yeterli olacaktır. Şimdi bir örnek verelim.

const uye = {
    ad: 'Mahmut',
    soyad: 'Güven',
    sehir: 'Kocaeli',
    yas: 29
}

Artık istediğimiz gibi kullanabileceğimiz bir nesnemiz (object) oldu. Gerekirse bu objenin özelliklerine ulaşabiliriz. Bu hem değer atama ve hemde değerini kullanma açısında geçerlidir.

console.log(uye.ad, + ' ' + uye.soyad);

// Konsola
// Mahmut Güven
// yazdır.

uye.sehir = 'İstanbul';
// Şehir bilgisi İstanbul yapıldı.

Peki bir objeye yeni bir özellik atayamaz mıyız?

Nesneye Yeni Bir Özellik Ekleme

Bir nesneye yeni bir özellik (property) atamak oldukça kolaydır. Bunun için iki yöntem bulunur.

• İlk olarak parantez yöntemini kullanabiliriz. nesne['ozellikAdi'] = deger; gibi. Bu yöntem çok kullanılan ve bazı durumlarda gerekli olan bir yoldur.
• İkinci yöntem ise nokta notasyonu, yani nesne ismi yanına bir nokta ve özellik adının gelmesi şeklindedir. nesne.yeniOzellik = deger; şeklinde gösterilir.

Şimdi bu iki yöntemi de deneyelim.

uye['maas'] = 150000;
uye.kira = 3500;

Görüldüğü gibi iki yöntem de oldukça kolaydır. Parantez şeklinde tanımlama yapılırken, özellik adı olarak bir değişkenden değer girilebilir.

const evlilikDurumu = 'medeniHal';
uye[evlilikDurumu] = 'Evli';

console.log(uye.medeniHal);
// Konsola
// Evli
// yazdıracaktır.

Bu esnek bir kullanım sağlayan güzel bir özellik tanımlama yöntemidir.

Javascript Ojbeye Metod Ekleme

Yine aynı yöntem ile bir nesneye bir metod eklenebilir. Mesela uye objemize isimYaz metodu ekleyelim.

uye.isimYaz = function() {
    console.log(this.ad + ' ' + this.soyad);
}

uye.isimYaz();
// Konsola
// Mahmut Güven
// yazdırır.

Burada tüm örnekleri peşpeşe eklediğimizi ve değerlerin sizin tarafınızdan değiştirilmediği varsayıyoruz. Eğer değerleri değiştirirseniz sizin verdiğiniz değerlere göre bir sonuç ortaya çıkar.

NOT : Nesneye bir metod atarken, function ifadesini kullandık. Bunun nedeni this operatörünü kullanabilmek. Eğer arrow fonksiyon kullanılırsa bu ifade kullanılamaz.

Sonuç

Bir ojbeye eleman eklemek Javascript ile oldukça kolaydır. Hem parantez ve hemde nokta notasyonları kullanılabilir. Ayrıca bir nesneye metod da atanabilir.

Javscript ile eklemek istedikleriniz yorumlarda bizimle paylaşabilirsiniz.