- JavaScript'te Nesneye Değer Eklemek için Object.assign() Yöntemini Kullanma
- JavaScript'te Nesneye Değer Eklemek İçin Push() Yöntemini Kullanma
- JavaScript'te Nesneye Değer Eklemek için spread (…) operatörünü kullanma
Yöntem 1: JavaScript'te Nesneye Değerler Eklemek için Object.assign() Yöntemini Kullanma
bu Nesne.atama() yöntem, nesnelere değer eklemek için ünlüdür. İki argüman alır. Birincisi hedef nesneyi temsil eder ve ikinci argüman anahtar/değer çiftlerini alır. sözdizimi Nesne.atama() yöntem aşağıda verilmiştir:
Sözdizimi
Nesne . atamak ( hedef, kaynak ) ;
Parametreler burada açıklanmıştır:
- hedef : değerlerin ekleneceği nesneyi belirtir.
- kaynak : eklenen değeri ifade eder.
Aşağıdaki örnek kod aracılığıyla bu yöntemin çalışmasını anlayalım:
kod
konsol. kayıt ( 'assign() yöntemini kullanmak için bir örnek' ) ;
user_obj izin ver = {
1 : { isim : 'Adem' } ,
iki : { isim : 'Harry' } ,
} ;
izin ver = Nesne . atamak ( kullanıcı_obj, { 3 : { isim : 'Yasam' } } ) ;
konsol. kayıt ( nesne ) ;
Bu kodda:
- Birinci olarak, 'Adem' ve 'Harry' değerler olarak atanır 'isim' Emlak.
- bu Nesne.atama() eklemek için yöntem kullanılır. 'Yasam' değer 'user_obj' nesne.
- Son olarak, konsol.log() konsol penceresindeki tüm değerleri sunmak için yöntem kullanılır.
Çıktı
Çıktıdan yeni değerin nesneye başarıyla eklendiği gözlemlenir.
Yöntem 2: JavaScript'te Dizi Nesnesine Değer Eklemek için Push() Yöntemini Kullanma
bu itmek() yöntemi, bir diziye bir veya birden çok değer eklemek veya eklemek için kullanılabilir. Bu yöntem, değerleri ekledikten sonra yeni bir dizi döndürür. Aşağıdaki sözdizimi ile çalışıp çalışmadığını görelim:
Sözdizimi
arr. itmek ( değer1, değer2, ..., değerN )Bu sözdiziminde, 'değer1', 'değer2' ve 'değerN' “ öğesine eklenecek değerlerdir. varış 'değişken.
kod
konsol. kayıt ( 'assign() yöntemini kullanmak için bir örnek' ) ;const Spor Dalları = [ 'kriket' , 'hokey' , 'Futbol' ] ;
const tezgah = Spor Dalları. itmek ( 'Basketbol' ) ;
konsol. kayıt ( tezgah ) ;
konsol. kayıt ( Spor Dalları ) ;
Kodun açıklaması burada verilmiştir:
- adlı bir dizi 'Spor Dalları' üç öğeden oluşan oluşturulur, yani 'kriket', 'hokey' ve 'Futbol' .
- Bundan sonra değer 'Basketbol' kullanılarak eklenir spor.push() JavaScript'te yöntem.
- Sonunda, konsol.log() yöntem diziyi konsol penceresinde görüntüler .
Çıktı
Çıktı gösteriyor ki, 'Basketbol' değer eklenir Spor Dalları kullanarak nesne itmek() yöntem.
Yöntem 3: JavaScript'te Nesneye Değer Eklemek için Yayılma (…) Operatörünü Kullanma
Yayılma (…) operatörü, JavaScript'teki nesnelere değerler eklemek için kullanılır. Nesneleri tek bir yerde birleştirmek yararlıdır. Spread operatörünün sözdizimi aşağıda verilmiştir:
Sözdizimi
{ ... nesne , anahtar : 'değer' }Bu sözdiziminde, 'değer' atanır anahtar nesnede nesne .
Bir nesneye değer eklemek için spread operatörünün örnek kodu aşağıda verilmiştir:
kod
konsol. kayıt ( 'Yayılma operatörünü kullanmak için bir örnek' ) ;obj1'e izin ver = { isim : 'Harry' } ;
obj2 = { ... nesne1 , renk : 'beyaz' } ;
konsol. kayıt ( obj2 ) ;
Bu kodda:
- Bir 'nesne1 ” öğesini saklamak için kullanılır isim değeri atayarak 'Harry' .
- Bundan sonra, 'beyaz' değer ekler 'obj1' .
- Sonunda, konsol.log() method, konsol penceresinde eklenen değerleri görüntüler.
Çıktı
Çıktı yeni nesneyi gösterir “ obj2 ” nesnesinden gelen değeri içeren ” nesne1 ” yanı sıra eklenen değer” beyaz ”.
Çözüm
JavaScript iki yöntem sağlar, yani Nesne.atama() ve itmek() bir nesneye değerler eklemek için.
bu Nesne.atama() anahtar/değer çiftlerine göre nesnelere değer ekleme yöntemi. bu itmek() method bir diziye bir veya birden çok değer ekler. Ancak yayılmış (…) operatörü ayrıca bir nesneye değer eklemek için de kullanılabilir. Bu gönderi, JavaScript'te bir nesneye değer eklemek için tüm olasılıkları göstermiştir.