JavaScripti objekti kirjeldatakse võtme-väärtuste paaride rühmana. Mõnikord võivad arendajad nõuda kahe objekti omaduste kombineerimist uues objektis. Seda protsessi nimetatakse ühendamiseks. Objektide ühendamiseks pakub JavaScript mõningaid sisseehitatud meetodeid, mida nimetatakse ' Object.assign() meetod või Spread operaator ”.
See postitus kirjeldab meetodeid kahe JavaScripti objekti atribuutide dünaamiliseks liitmiseks.
Kuidas kahe JavaScripti objekti omadusi dünaamiliselt liita?
Kasutage kahe JavaScripti objekti atribuutide dünaamiliseks liitmiseks järgmisi meetodeid.
1. meetod: kahe JavaScripti objekti omaduste ühendamine/kombineerimine dünaamiliselt, kasutades meetodit Object.assign()
Kasuta ' Object.assign() ” meetod kahe JavaScripti objekti omaduste dünaamiliseks kombineerimiseks. See meetod säilitab algsete objektide terviklikkuse, kopeerides kõik loendatavad omadused sihtobjektile ühest või mitmest lähteobjektist. Kui mõlemas objektis on sama atribuut, asendab teise objekti väärtus esimese väärtuse. Pange tähele, et see meetod kopeerib ainult loendatavaid atribuute, seega ei kopeeri see objekti prototüübilt päritud atribuute.
Süntaks
Järgige kahe JavaScripti objekti ühendamiseks ette nähtud süntaksit:
targetObject = Object.assign ( obj1, obj2, ... ) ;Näide
Loo objekt ' info ”:
kus info = {nimi: 'Jenny' ,
vanus: 24 ,
Rollno: viisteist
} ;
Loo teine objekt ' tegevused ” järgmiste võtmepaaridega:
var tegevused = {mäng: 'kriket' ,
harjutus: 'jooga'
} ;
Helistage ' Object.assign() ' meetod ' atribuutide ühendamiseks info ” ja „ tegevused ' uues objektis nimega ' õpilane ”:
var õpilane = Object.assign ( info, tegevused ) ;Printige objekti omadused ' õpilane ' kasutades ' console.log() ” meetod:
console.log ( õpilane ) ;Väljund näitab, et objektide omadused ' info ” ja „ tegevused ' on edukalt ühendatud uue objektiga ' õpilane ”:
2. meetod: kahe JavaScripti objekti omaduste liitmine/kombineerimine dünaamiliselt, kasutades Spread Operatorit
Kahe JavaScripti objekti ühendamiseks on veel üks lähenemisviis, mis kasutab Spread operaator ”. See on tavaliselt kasutatav lähenemisviis objektide ühendamiseks, kopeerides objektidelt kõik atribuudid. Kui kahel objektil on sama nimega omadus, asendab parempoolne objekti omadus varasemat.
Süntaks
Kahe JavaScripti objekti omaduste liitmiseks operaatori Spread abil kasutatakse järgmist süntaksit:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Näide
Loo uus objekt ' õpilane ' ja ühendage objektide omadused' info ” ja „ tegevused ' õpilasel Spreadi operaatori abil ' … ”:
oli üliõpilane = {...info, ...tegevused
} ;
Väljund
Oleme esitanud kogu vajaliku teabe objektide ühendamiseks JavaScriptis.
Järeldus
Objektide atribuutide ühendamiseks/kombineerimiseks JavaScriptis kasutage ' Object.assign() meetod või Spread operaator ”. Levitamise operaator on JavaScripti objektide atribuutide liitmiseks kõige sagedamini kasutatav meetod. Kui mõlemas objektis on sama atribuut, asendab teise objekti väärtus esimese väärtuse. Selles postituses kirjeldasime meetodeid kahe JavaScripti objekti atribuutide dünaamiliseks liitmiseks/kombineerimiseks.