JavaScript'te bir nesne, bir anahtar/değer çiftleri grubu olarak tanımlanır. Bazen geliştiriciler, iki nesnenin özelliklerini yeni bir nesnede birleştirmeyi gerektirebilir. Bu işleme birleştirme denir. JavaScript, nesneleri birleştirmek için '' adı verilen bazı yerleşik yöntemler sağlar. Object.ata () ” yöntemi veya “ Forma operatörü ”.
Bu gönderi, iki JavaScript nesnesinin özelliklerini dinamik olarak birleştirme yöntemlerini açıklayacaktır.
İki JavaScript Nesnesinin Özellikleri Dinamik Olarak Nasıl Birleştirilir?
İki JavaScript nesnesinin özelliklerini dinamik olarak birleştirmek için aşağıdaki yöntemleri kullanın:
Yöntem 1: Object.assign() Yöntemini Kullanarak İki JavaScript Nesnesinin Özelliklerini Dinamik Olarak Birleştirin/Birleştirin
Kullan ' Object.ata () ” yöntemi, iki JavaScript nesnesinin özelliklerini dinamik olarak birleştirir. Bu yöntem, tüm numaralandırılabilir özellikleri bir veya daha fazla kaynak nesneden bir hedef nesneye kopyalayarak orijinal nesnelerin bütünlüğünü korur. Her iki nesnede de aynı öznitelik varsa, ikinci nesnenin değeri birinci nesnenin değerinin yerini alacaktır. Bu yöntemin yalnızca numaralandırılabilir özellikleri kopyaladığını, bu nedenle nesnenin prototipinden miras alınan özellikleri kopyalamayacağını unutmayın.
Sözdizimi
İki JavaScript nesnesini birleştirmek için sağlanan sözdizimini izleyin:
hedefObject = Nesne.ata ( nesne1, nesne2, ... ) ;Misal
Bir nesne oluştur ' bilgi ”:
nerede bilgi = {isim: 'Jenny' ,
yaş: 24 ,
Rollno: onbeş
} ;
İkinci nesneyi oluştur ' aktiviteler ” aşağıdaki anahtar çiftleriyle:
var etkinlikler = {oyun: 'Kriket' ,
egzersiz yapmak: 'Yoga'
} ;
Ara ' Object.ata () ' özelliklerini birleştirme yöntemi ' bilgi ' ve ' aktiviteler ”adlı yeni bir nesnede Öğrenci ”:
var öğrenci = Nesne.ata ( bilgi, etkinlikler ) ;Nesnenin özelliklerini yazdır ' Öğrenci ' kullanmak ' konsol.log() ' yöntem:
konsol.log ( Öğrenci ) ;Çıktı, nesnelerin özelliklerinin “ bilgi ' ve ' aktiviteler ' yeni nesnede başarıyla birleştirildi ' Öğrenci ”:
Yöntem 2: Yayılma Operatörünü Kullanarak İki JavaScript Nesnesinin Özelliklerini Dinamik Olarak Birleştirin/Birleştirin
İki JavaScript nesnesini birleştirmek için “ Forma operatörü ”. Nesnelerden tüm öznitelikleri kopyalayarak nesneleri birleştirmek için yaygın olarak kullanılan yaklaşımdır. İki nesnenin aynı ada sahip bir özelliği varsa, sağdaki nesne özelliği öncekinin yerine geçer.
Sözdizimi
Aşağıdaki sözdizimi, Spread operatörünün yardımıyla iki JavaScript nesnesinin özelliklerini birleştirmek için kullanılır:
hedefObject = Nesne.ata ( ...nesne1, ...nesne2, .... ) ;Misal
Yeni bir nesne oluştur ' Öğrenci ” ve nesnelerin özelliklerini birleştirme” bilgi ' ve ' aktiviteler ” Yayılma operatörünü kullanan öğrencide “ … ”:
öğrenciydi = {...bilgi, ...aktiviteler
} ;
Çıktı
Nesneleri JavaScript'te birleştirmeyle ilgili tüm gerekli bilgileri sağladık.
Çözüm
JavaScript'teki nesnelerin özelliklerini birleştirmek/birleştirmek için ' Object.ata () ” yöntemi veya “ Forma operatörü ”. Yayılma operatörü, JavaScript nesnelerinin özelliklerini birleştirmek için en sık kullanılan yaklaşımdır. Her iki nesnede de aynı öznitelik varsa, ikinci nesnenin değeri birinci nesnenin değerinin yerini alacaktır. Bu gönderide, iki JavaScript nesnesinin özelliklerini dinamik olarak birleştirme/birleştirme yöntemlerini açıkladık.