„JavaScript“ objektas apibūdinamas kaip raktų ir reikšmių porų grupė. Kartais kūrėjai gali reikalauti sujungti dviejų objektų savybes naujame objekte. Šis procesas vadinamas sujungimu. Norėdami sujungti objektus, „JavaScript“ pateikia kai kuriuos integruotus metodus, vadinamus „ Object.assign() “ metodas arba „ Sklaidos operatorius “.
Šiame įraše bus aprašyti būdai, kaip dinamiškai sujungti dviejų „JavaScript“ objektų savybes.
Kaip dinamiškai sujungti dviejų „JavaScript“ objektų savybes?
Norėdami dinamiškai sujungti dviejų „JavaScript“ objektų ypatybes, naudokite šiuos metodus:
1 būdas: dviejų „JavaScript“ objektų ypatybių sujungimas / sujungimas dinamiškai naudojant Object.assign() metodą
Naudoti ' Object.assign() “ metodas, skirtas dinamiškai sujungti dviejų „JavaScript“ objektų savybes. Šis metodas palaiko originalų objektų vientisumą, nukopijuodamas visas išvardytas savybes į tikslinį objektą iš vieno ar daugiau šaltinio objektų. Jei tas pats atributas yra abiejuose objektuose, antrojo objekto reikšmė pakeis pirmojo objekto reikšmę. Atminkite, kad šis metodas tik kopijuoja daugybę savybių, todėl jis nenukopijuos savybių, paveldėtų iš objekto prototipo.
Sintaksė
Norėdami sujungti du „JavaScript“ objektus, vadovaukitės pateikta sintaksė:
targetObject = Object.assign ( obj1, obj2, ... ) ;Pavyzdys
Sukurti objektą “ informacija “:
kur informacija = {vardas: 'Dženi' ,
amžius: 24 ,
Rollno: penkiolika
} ;
Sukurti antrą objektą “ veikla “ su šiomis raktų poromis:
var veikla = {žaidimas: 'Kriketas' ,
pratimas: 'joga'
} ;
Skambinti „ Object.assign() “ būdas sujungti „“ savybes informacija “ ir „ veikla “ naujame objekte pavadinimu “ studentas “:
var student = Object.assign ( informacija, veikla ) ;Išspausdinti objekto ypatybes “ studentas ' naudojant ' console.log() “ metodas:
console.log ( studentas ) ;Išvestis rodo, kad objektų savybės “ informacija “ ir „ veikla “ yra sėkmingai sujungti į naują objektą “ studentas “:
2 būdas: dinamiškai sujunkite / sujunkite dviejų „JavaScript“ objektų ypatybes, naudodami platinimo operatorių
Yra ir kitas būdas sujungti du „JavaScript“ objektus, naudojant „ Sklaidos operatorius “. Tai dažniausiai naudojamas būdas sujungti objektus, kopijuojant visus objektų atributus. Jei du objektai turi ypatybę tuo pačiu pavadinimu, dešinėje esanti objekto ypatybė pakeičia ankstesnę.
Sintaksė
Ši sintaksė naudojama dviejų „JavaScript“ objektų savybėms sujungti naudojant „Spread“ operatorių:
targetObject = Object.assign ( ...obj1, ...obj2, .... ) ;Pavyzdys
Sukurti naują objektą “ studentas “ ir sujungti objektų savybes “ informacija “ ir „ veikla “ studente naudojant Spread operatorių “ … “:
buvo studentas = {...informacija, ...veikla
} ;
Išvestis
Pateikėme visą reikiamą informaciją, susijusią su objektų sujungimu JavaScript.
Išvada
Norėdami sujungti / sujungti objektų savybes JavaScript, naudokite ' Object.assign() “ metodas arba „ Sklaidos operatorius “. Sklaidos operatorius yra dažniausiai naudojamas JavaScript objektų savybių sujungimo būdas. Jei tas pats atributas yra abiejuose objektuose, antrojo objekto reikšmė pakeis pirmojo objekto reikšmę. Šiame įraše aprašėme metodus, kaip dinamiškai sujungti / sujungti dviejų „JavaScript“ objektų savybes.