JavaScript nesneleri, anahtar çifti değerleri olan birden çok özelliği işler. Bu özellikler, JavaScript'te tanımlanmış bir nesnenin niteliklerini ve özelliklerini belirtmek için kullanılır. Nesneler oluşturulduğunda, ilgili özellikleri dinamik olarak eklenebilir, silinebilir ve değiştirilebilir. Daha spesifik olarak, bir nesneye özellikler eklemek için birden çok JavaScript yöntemi vardır.
Bu gönderi, JavaScript'te bir nesneye özellik eklemek için birden çok yöntemi belirtecektir.
JavaScript'te Bir Nesneye Özellik Nasıl Eklenir/Eklenir?
Şimdi, bir nesneye özellik eklemek için aşağıdaki yöntemleri ele alacağız:
- Yöntem 1: Nokta gösterimini (.) Kullanarak Özellik Ekleme
- Yöntem 2: Object.assign() yöntemini Kullanarak Özellik Ekleme
- Yöntem 3: Object.defineProperty() yöntemini Kullanarak Özellik Ekleme
Yöntem 1: Nokta gösterimi (.) Kullanarak Bir Nesneye Özellik Ekleyin
Nokta gösterimi, bir nesnenin özelliğine erişmek için kullanılan bir yöntemdir. Nokta gösterimi ile yazarken önce nesne adını, ardından nokta (.) yazmalı ve ardından özelliğin adını girmelisiniz.
Örnek
İlk olarak, “ yardımıyla bir nesne bildirin. izin vermek ” anahtar kelimesini girin ve özellikleri blok içinde tanımlanan nesneye atayın:
izin ver = {
isim : 'Subay' ,
yaş : 14 ,
} ;
Kullan ' konsol.log() ” yöntemi ve argümanı iletin” nesne ” konsolda göstermek için:
konsol. kayıt ( nesne ) ;Şimdi, özelliği nokta gösterimi yardımıyla ekleyin:
nesne eğitim = 'Yazılım Mühendisi' ;
Konsolda çıktıyı göster:
konsol. kayıt ( nesne ) ;Çıktı
Yöntem 2: Object.assign() Yöntemini Kullanarak Bir Nesneye Özellik Ekleyin
“” ı da kullanabiliriz. atamak() ” özellikleri bir nesneye eklemek için JavaScript'in yerleşik yöntemi. “ Object.ata () ”, nesneyi hedeflemek için bir veya daha fazla kaynak nesneden tüm sayılabilir özellikleri ve özellikleri kopyalamak için kullanılan statik bir JavaScript yöntemidir.
Sözdizimi
object.assign() yöntemini kullanmak için verilen sözdizimini kontrol edin:
Nesne . atamak ( hedef , kaynak ) ;Yukarıdaki sözdiziminde:
- “ hedef ”, özellik değerlerinin kopyalanacağı nesneyi belirler.
- “ kaynak ”, ilgili özellik değerlerinin kopyalanması gereken nesneyi belirtir.
Örnek
Bu örnekte, önce bir değişken bildirin ve özellikleri atayın. Ardından, aynı yordamı izleyerek başka bir değişken bildirin:
çalışana izin ver = { isim : 'Diana' , yaş : 23 } ;bilgi ver = { cinsiyet : 'Dişi' , milliyet : 'Kanadalı' } ;
Kullan ' Object.ata () ” yöntemini seçin ve birinci parametrenin hedef nesne ve ikinci parametrenin kaynak nesne olduğu argümanları iletin. Bu yöntem, hedeflenen değerdeki tüm kaynak değerleri kopyalayacaktır:
Nesne . atamak ( çalışan , bilgi ) ;Ardından, “ konsol.log() Sonucu konsolda görüntülemek için ” yöntemi:
konsol. kayıt ( çalışan ) ;konsol. kayıt ( bilgi ) ;
Çıktı
Yöntem 3: Object.defineProperty() Yöntemini Kullanarak Bir Nesneye Özellik Ekleyin
“ Object.defineProperty() ”, bir nesneye doğrudan en son ve yeni özelliği tanımlamak veya bir nesnenin mevcut özelliğini değiştirmek ve nesneyi döndürmek için kullanılan bir JavaScript statik yöntemidir.
Sözdizimi
“ Object.defineProperty() ” yöntemi, verilen sözdizimini izleyin:
Nesne . özelliği tanımla ( nesne , yeni_özellik , konfigürasyon ) ;Burada:
- “ nesne ” nesneyi ifade eder.
- “ yeni_özellik ” eklenecek özelliği belirler.
- “ konfigürasyon ” değiştirilebilen ve değiştirilebilen değeri tanımlar.
Örnek
“” yardımıyla bir nesne bildirin. izin vermek ” anahtar kelime:
izin ver = { } ;“ Object.defineProperty() ” yöntemini seçin ve bağımsız değişkenleri iletin ve yazılabilir özelliğin değerini true olarak ayarlayın. Bu nedenle, nesne obj'nin id özelliği şimdi değiştirilebilir:
Nesne . özelliği tanımla ( nesne , 'İD' , {değer : 137 ,
yazılabilir : doğru
} ) ;
“ yardımıyla bir özellik ekleyin obj.id ” ve değeri atayın:
nesne İD = 214 ;Geçirilen argümanlara göre, konsol değiştirilen özellik değerini gösterecektir:
konsol. kayıt ( 'Nesne Kimliği:' , nesne İD ) ;Yazılabilir özellik değerini false olarak ayarlayın. Sonuç olarak, nesne nesnesinin ad özelliği şu anda değiştirilemez:
Nesne . özelliği tanımla ( nesne , 'isim' , {değer : 'Subay' ,
yazılabilir : YANLIŞ } ) ;
“ yardımıyla bir özellik ekleyin nesne.adı ” ve değeri atayın:
nesne isim = 'Hafsa Cevad' ;Geçirilen bağımsız değişkenlere göre konsol, iletilen yeni(Hafsa Javed) özellik değerini değil, eski(Hafsa) değerini görüntüleyecektir:
konsol. kayıt ( 'Nesne adı:' , nesne isim ) ;Bu, özelliği JavaScript'te bir nesneye eklemekle ilgilidir.
Çözüm
Özelliği JavaScript'te bir nesneye eklemek için birden çok yöntem kullanılabilir. Kullanıcılar, ' kullanarak özelliği bir nesneye ekleyebilir. nokta gösterimi(.) ”, “ Object.ata () ” yöntemi veya “ Object.defineProperty() ' yöntem. Bu gönderi, özelliği JavaScript'teki bir nesneye eklemek için birden çok yöntemi belirtti.