Comment concaténer des propriétés de plusieurs objets JavaScript

ECMAscript 6 Object.assign() pour atteindre cet nativement en Javascript.

La Objet.assign() méthode est utilisée pour copier les valeurs de l'ensemble énumérable propres propriétés d'un ou de plusieurs objets de la source à un objet cible. Il sera de retour de l'objet cible.

MDN documentation sur l'Objet.assign()

var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };

var obj = Object.assign({}, o1, o2, o3);
console.log(obj); //{ a: 1, b: 2, c: 3 }

de l'Objet.attribuer est pris en charge de nombreux navigateurs modernes mais pas tous d'entre eux. Utiliser un transpiler comme Babel et Traceur pour générer rétro-compatible ES5 JavaScript.

Cela devrait le faire:

function collect() {
  var ret = {};
  var len = arguments.length;
  for (var i=0; i<len; i++) {
    for (p in arguments[i]) {
      if (arguments[i].hasOwnProperty(p)) {
        ret[p] = arguments[i][p];
      }
    }
  }
  return ret;
}

D'entrée:

a = { "one" : 1, "two" : 2 };
b = { "three" : 3 };
c = { "four" : 4, "five" : 5 };
d = collect(a, b, c);
console.log(d);

De sortie:

Object one=1 two=2  three=3 four=4 five=5

Trait de soulignement a quelques méthodes pour ce faire;

1. _.étendre(la destination, *les sources)

Copie de toutes les propriétés dans le source objets sur le destination objet, et le retour de la destination objet.

_.extend(a, _.extend(b, c));
=> {"one" : 1, "two" : 2, "three" : 3, "four" : 4, "five" : 5 }

Ou

_.extend(a, b);
=> {"one" : 1, "two" : 2, "three" : 3}
_.extend(a, c);
=> {"one" : 1, "two" : 2, "three" : 3, "four" : 4, "five" : 5 }

2. _.les valeurs par défaut(objet, *les paramètres par défaut)

Remplir undefined propriétés dans objet avec des valeurs de l' par défaut objets, et le retour de la objet.

_.defaults(a, _.defaults(b, c));
=> {"one" : 1, "two" : 2, "three" : 3, "four" : 4, "five" : 5 }

Ou

_.defaults(a, b);
=> {"one" : 1, "two" : 2, "three" : 3}
_.defaults(a, c);
=> {"one" : 1, "two" : 2, "three" : 3, "four" : 4, "five" : 5 }

function Collect(a, b, c) {
    for (property in b)
        a[property] = b[property];

    for (property in c)
        a[property] = c[property];

    return a;
}

Avis: des propriétés Existantes dans les objets précédents seront écrasées.

Probablement, le plus rapide, plus efficace et plus générique façon de le faire (vous pouvez fusionner un nombre quelconque d'objets et même de copier au premier ->assign):

function object_merge(){
    for (var i=1; i<arguments.length; i++)
       for (var a in arguments[i])
         arguments[0][a] = arguments[i][a];
   return arguments[0];
}

Il vous permet également de modifier le premier objet qu'il est passé par référence.
Si vous ne voulez pas cela, mais veulent avoir un tout nouvel objet contenant toutes les propriétés, vous pouvez transmettre les {} comme premier argument.

var object1={a:1,b:2};
var object2={c:3,d:4};
var object3={d:5,e:6};
var combined_object=object_merge(object1,object2,object3); 

combined_object et objet1 les deux contiennent les propriétés de l'objet1,objet2,objet3.

var object1={a:1,b:2};
var object2={c:3,d:4};
var object3={d:5,e:6};
var combined_object=object_merge({},object1,object2,object3); 

Dans ce cas, le combined_object contient les propriétés de l'objet1,objet2,objet3 mais objet1 n'est pas modifié.

Vérifier ici: https://jsfiddle.net/ppwovxey/1/

Remarque: JavaScript les objets sont passés par référence.

ES6 ++

La question est l'ajout des différents différents objets en un seul.

let obj = {};
const obj1 = { foo: 'bar' };
const obj2 = { bar: 'foo' };
Object.assign(obj, obj1, obj2);
//output => {foo: 'bar', bar: 'foo'};

permet de dire que vous avez un objet avec plusieurs clés sont des objets:

let obj = {
  foo: { bar: 'foo' },
  bar: { foo: 'bar' }
}

c'était la solution que j'ai trouvé (encore foreach :/)

let objAll = {};

Object.values(obj).forEach(o => {
  objAll = {...objAll, ...o};
});

En faisant cela, nous pouvons ajouter dynamiquement TOUTES les clés de l'objet dans un.

//Output => { bar: 'foo', foo: 'bar' }