Fusion d'objets (tableaux associatifs)

Question

Quelle est la meilleure façon de fusionner deux tableaux associatifs en JavaScript ? Est-ce que tout le monde le fait en créant son propre for boucle ?

Answer 1

Avec jquery vous pouvez appeler $.extend

var obj1 = {a: 1, b: 2};
var obj2 = {a: 4, c: 110};

var obj3 = $.extend(obj1, obj2); 

obj1 == obj3 == {a: 4, b: 2, c: 110} // Pseudo JS

(assoc. tableaux sont des objets en js)

regardez ici : http://api.jquery.com/jQuery.extend/

---

éditer : Comme rymo l'a suggéré, c'est mieux de le faire de cette façon :

obj3 = $.extend({}, obj1, obj2); 
obj3 == {a: 4, b: 2, c: 110}

Comme ici, l'obj1 (et l'obj2) restent inchangés.

---

edit2 : En 2018, la façon de procéder est la suivante Object.assign :

var obj3 = Object.assign({}, obj1, obj2); 
obj3 === {a: 4, b: 2, c: 110} // Pseudo JS

Si vous travaillez avec ES6, cela peut être réalisé avec la fonction Opérateur d'écartement :

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

Answer 2

C'est ainsi que Prototype procède :

Object.extend = function(destination, source) {
    for (var property in source) {
        if (source.hasOwnProperty(property)) {
            destination[property] = source[property];
        }
    }
    return destination;
};

appelé comme, par exemple :

var arr1　= { robert: "bobby", john: "jack" };
var arr2 = { elizabeth: "liz", jennifer: "jen" };

var shortnames = Object.extend(arr1,arr2);

EDITAR : ajout d'une vérification de hasOwnProperty() comme l'a souligné bucabay dans les commentaires

Answer 3

Restez simple...

function mergeArray(array1,array2) {
  for(item in array1) {
    array2[item] = array1[item];
  }
  return array2;
}

Answer 4

Underscore possède également une méthode extend :

Copiez toutes les propriétés des objets sources vers l'objet de destination. objet de destination. C'est dans l'ordre, donc la dernière source va remplacer les propriétés du même nom dans les arguments précédents.

_.extend(destination, *sources) 

_.extend({name : 'moe'}, {age : 50});
=> {name : 'moe', age : 50}

Answer 5

Sur dojo la "fusion" des deux objets/réseaux serait la suivante lang.mixin(destination, source) -- Vous pouvez également mélanger plusieurs sources en une seule destination, etc. la référence de la fonction mixin pour les détails.