Maison > interface Web > Questions et réponses frontales > Quelles sont les méthodes de fusion d'objets dans es6

Quelles sont les méthodes de fusion d'objets dans es6

青灯夜游
Libérer: 2022-03-07 17:52:29
original
9651 Les gens l'ont consulté

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}".

Quelles sont les méthodes de fusion d'objets dans es6

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)
Copier après la connexion

Sortie :

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}
Copier après la connexion
Copier après la connexion

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)
Copier après la connexion

Résultat de l'exécution :

{a: 1, b: 3, c: 4} {a: 1, b: 3, c: 4} {b: 2} {b: 3, c: 4}
Copier après la connexion
Copier après la connexion

{...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!

Étiquettes associées:
es6
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal