Maison > Article > interface Web > Quelles sont les méthodes de fusion d'objets dans es6
Les méthodes ES6 pour fusionner des objets sont : 1. Utilisez la méthode "Object.assign()", la syntaxe "Object.assign(obj1,obj2,obj3)" 2. Utilisez l'opérateur d'expansion "...", le syntaxe " {...obj1,...obj2,...obj3}".
L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.
Méthode 1 : La méthode Object.assign()
d'Es6
Object.assign() est utilisée pour fusionner des objets, en copiant toutes les propriétés énumérables de l'objet source (source) vers l'objet cible (cible).
Exemple :
let obj1 = {a: 1} let obj2 = {b: 2} let obj3 = {b: 3, c:4} let obj = Object.assign(obj1, obj2, obj3) console.log(obj, obj1, obj2, obj3)
Sortie :
{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}
Note
1. Le premier paramètre de la méthode Object.assign() est l'objet cible et les paramètres suivants sont l'objet source.
2. Ici, l'attribut b dans obj2 est remplacé par l'attribut b dans obj3.
Méthode 2 : Utiliser l'opérateur spread
let obj1 = {a: 1} let obj2 = {b: 2} let obj3 = {b: 3, c:4} let objTwo = {...obj1,...obj2,...obj3} console.log(objTwo, obj1, obj2, obj3)
Résultat de l'exécution :
{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}
{...obj1,...obj2,...obj3}...La forme du lien est plus simple et plus grossière !
【Recommandations associées : tutoriel vidéo javascript, front-end web】
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!