Comment fusionner des objets en javascript

Dans ce tutoriel nous allons découvrir différents méthode pour fusionner des objets en javascript. Soit en utilisant la méthode assign() ou l’opérateur spread sur javascript/ES6.
 
 

En utilisant la méthode assign()

Nous pouvons utiliser la méthode Object.assign() et affectez les propriétés de l’objet à un objet vide.

var obj1 = {abc: 10};

var obj2 = {xyz: 20};

var obj3 = Object.assign( {}, obj1, obj2 );

console.log(obj3);

La sortie :

{
  "abc": 10,
  "xyz": 20
}

 

En utilisant l’opérateur spread de ES6

En 2015, l’ES6 a introduit l’opérateur spread, qui est le moyen idéal pour fusionner deux objets simples en un seul:

const obj1 = {
  abc: 10
}

const obj2 = {
  xyz: 20
}

const obj3 = {...obj1, ...obj2 }

console.log(obj3);

La sortie :

{
  "abc": 10,
  "xyz": 20
}
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus

Une réflexion sur “Comment fusionner des objets en javascript

  • octobre 28, 2020 à 6:24
    Permalien

    Merci à vous pour la découverte des ces deux techniques, surtout la deuxième que je n’avais pas repéré sur MDN (parce que je ne savais pas ce que je devais chercher).

    Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *