Comment puis-je fusionner des objets JavaScript ?

Comment fusionner des objets JavaScript ?

La fusion d'objets en JavaScript implique de combiner les propriétés de plusieurs objets en un seul objet unifié. Pour y parvenir, plusieurs méthodes sont disponibles, chacune adaptée à des versions et exigences spécifiques de JavaScript.

Méthodes intégrées

Méthode standard ECMAScript 2018 : en utilisant la propagation d'objets, la la nouvelle syntaxe pour fusionner des objets est :

let merged = {...obj1, ...obj2};

Cette syntaxe crée un nouvel objet fusionné qui contient les propriétés combinées de obj1 et obj2. Les propriétés d'obj2 écrasent celles d'obj1.

Méthode standard ECMAScript 2015 : Object.assign() peut être utilisé pour fusionner des objets :

Object.assign(obj1, obj2);

Object.assign( ) modifie obj1 sur place, en y fusionnant les propriétés de obj2. Comme pour l'opérateur spread, les propriétés ultérieures écrasent les précédentes.

Méthode pour ES5 et versions antérieures

Pour les versions JavaScript antérieures à ES5, une approche simple est :

for (var attrname in obj2) { obj1[attrname] = obj2[attrname]; }

Cette boucle parcourt les propriétés d'obj2 et les attribue à obj1, fusionnant ainsi efficacement les objets.

Personnalisé Fonction

Une fonction personnalisée peut également être utilisée :

function merge_options(obj1, obj2){
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
}

Cette fonction crée un nouvel objet obj3 en parcourant obj1 et obj2, en ajoutant les propriétés à obj3.

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!