JavaScriptin objekti kuvataan ryhmänä avainarvopareja. Joskus kehittäjät voivat vaatia kahden objektin ominaisuuksien yhdistämistä uudessa objektissa. Tätä prosessia kutsutaan yhdistämiseksi. Objektien yhdistämistä varten JavaScript tarjoaa joitain sisäänrakennettuja menetelmiä, joita kutsutaan ' Object.assign() ”menetelmä tai ” Spread-operaattori ”.
Tämä viesti kuvaa menetelmiä kahden JavaScript-objektin ominaisuuksien yhdistämiseksi dynaamisesti.
Kuinka yhdistää kahden JavaScript-objektin ominaisuudet dynaamisesti?
Yhdistä kahden JavaScript-objektin ominaisuudet dynaamisesti seuraavilla tavoilla:
Tapa 1: Yhdistä/Yhdistä kahden JavaScript-objektin ominaisuudet dynaamisesti Object.assign()-menetelmällä
Käytä ' Object.assign() ”-menetelmä yhdistää dynaamisesti kahden JavaScript-objektin ominaisuuksia. Tämä menetelmä säilyttää alkuperäisten objektien eheyden kopioimalla kaikki luetellut ominaisuudet kohdeobjektiin yhdestä tai useammasta lähdeobjektista. Jos sama attribuutti on molemmissa objekteissa, toisen objektin arvo korvaa ensimmäisen arvon. Huomaa, että tämä menetelmä kopioi vain lukuisia ominaisuuksia, joten se ei kopioi objektin prototyypistä perittyjä ominaisuuksia.
Syntaksi
Noudata annettua syntaksia kahden JavaScript-objektin yhdistämisessä:
targetObject = Object.assign ( obj1, obj2, ... ) ;Esimerkki
Luo objekti' tiedot ':
missä tiedot = {nimi: 'Jenny' ,
ikä: 24 ,
Rollno: viisitoista
} ;
Luo toinen objekti ' toimintaa ' seuraavilla avainpareilla:
var toiminta = {peli: 'Kriketti' ,
Harjoittele: 'Jooga'
} ;
Soita ' Object.assign() ' menetelmä yhdistää ' tiedot ' ja ' toimintaa ' uudessa objektissa nimeltä ' opiskelija- ':
var opiskelija = Object.assign ( tietoa, toimintaa ) ;Tulosta objektin ominaisuudet ' opiskelija- ' käyttämällä ' console.log() 'menetelmä:
console.log ( opiskelija- ) ;Tulos osoittaa, että objektien ominaisuudet ' tiedot ' ja ' toimintaa ' on yhdistetty onnistuneesti uuteen objektiin' opiskelija- ':
Tapa 2: Yhdistä/Yhdistä kahden JavaScript-objektin ominaisuudet dynaamisesti käyttämällä Spread-operaattoria
On olemassa toinen tapa yhdistää kaksi JavaScript-objektia, joka käyttää ' Spread-operaattori ”. Se on yleisesti käytetty lähestymistapa objektien yhdistämiseen kopioimalla kaikki attribuutit objekteista. Jos kahdella objektilla on samanniminen ominaisuus, oikealla oleva objektiominaisuus korvaa aiemman.
Syntaksi
Seuraavaa syntaksia käytetään kahden JavaScript-objektin ominaisuuksien yhdistämiseen Spread-operaattorin avulla:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Esimerkki
Luo uusi objekti ' opiskelija- 'ja yhdistä objektien ominaisuudet' tiedot ' ja ' toimintaa ' opiskelijalla Spread-operaattorilla' … ':
oli opiskelija = {...info, ...toiminta
} ;
Lähtö
Olemme toimittaneet kaikki tarvittavat tiedot objektien yhdistämisestä JavaScriptissä.
Johtopäätös
Voit yhdistää tai yhdistää JavaScriptin objektien ominaisuudet käyttämällä ' Object.assign() ”menetelmä tai ” Spread-operaattori ”. Hajautusoperaattori on yleisimmin käytetty tapa yhdistää JavaScript-objektien ominaisuuksia. Jos sama attribuutti on molemmissa objekteissa, toisen objektin arvo korvaa ensimmäisen arvon. Tässä viestissä kuvailimme menetelmiä kahden JavaScript-objektin ominaisuuksien dynaamiseksi yhdistämiseksi / yhdistämiseksi.