Cómo concatenar propiedades de varios objetos JavaScript

Question

Estoy buscando la mejor manera de "agregar" múltiples objetos JavaScript (matrices asociativas).

Por ejemplo, teniendo en cuenta:

a = { "one" : 1, "two" : 2 }; 
b = { "three" : 3 }; 
c = { "four" : 4, "five" : 5 }; 

¿cuál es la mejor manera de calcular:

{ "one" : 1, "two" : 2, "three" : 3, "four" : 4, "five" : 5 } 

Answer 1

ECMAscript 6 introdujo Object.assign() para lograr esto de forma nativa en Javascript.

Objeto .El método assign() se usa para copiar los valores de todas las propiedades enumerables de uno o más objetos de origen a un objeto de destino. Devolverá el objeto de destino.

MDN documentation on Object.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 } 

Object.assign is supported in many modern browsers pero todavía no todos ellos. Utilice un transpiler como Babel y Traceur para generar JavaScript ES5 compatible con versiones anteriores.

Answer 2

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

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

    return a; 
} 

Aviso: propiedades existentes en los objetos anteriores se sobrescribirán.

Answer 3

Esto debe hacerlo:

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; 
} 

de entrada:

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

Salida:

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

Answer 4

jQuery tiene una buena manera de hacer esto.

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

Answer 5

function collect(a, b, c){ 
    var d = {}; 

    for(p in a){ 
     d[p] = a[p]; 
    } 
    for(p in b){ 
     d[p] = b[p]; 
    } 
    for(p in c){ 
     d[p] = c[p]; 
    } 

    return d; 
} 

Answer 6

¿Por qué la función se limita a 3 argumentos? Además, verifique hasOwnProperty.

function Collect() { 
    var o={}; 
    for(var i=0;i<arguments.length;i++) { 
     var arg=arguments[i]; 
     if(typeof arg != "object") continue; 
     for(var p in arg) { 
     if(arg.hasOwnProperty(p)) o[p] = arg[p]; 
     } 
    } 
    return o; 
} 

Answer 7

Underscore tiene algunos métodos para hacer esto;

1. _.extend(destination, *sources)

Copia todas las propiedades de la fuente objetos más a la destino objeto, y devolver el destino objeto.

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

O

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

2. _.defaults(object, *defaults)

Rellene indefinidos propiedades en objeto con los valores de los valores por defecto objetos y devolver el objeto .

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

O

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

Answer 8

Probablemente, la forma más rápida, eficiente y más genérico es la siguiente (se puede combinar cualquier número de objetos e incluso copiar a la primera -> Asignar):

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]; 
} 

También le permite modificar la primer objeto cuando pasa por referencia. Si no quiere esto pero quiere tener un objeto completamente nuevo que contenga todas las propiedades, puede pasar {} como primer argumento.

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 y object1 ambos contienen las propiedades de object1, object2, object3.

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); 

En este caso, la combined_object contiene las propiedades de object1, object2, object3 pero object1 no se modifica.

Marque aquí: https://jsfiddle.net/ppwovxey/1/

Nota: los objetos de JavaScript se pasan por referencia.

Answer 9

también de escribir este object-merge componente reutilizable que también se basa en Object.assign fusionar varios objetos sin mutar ellos, y puede ser reutilizado sin duplicar

Ejemplo:

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

const obj = merge(o1, o2, o3); 
console.log(obj); // { a: 1, b: 2, c: 3 } 
console.log(o1); // { a: 1 } does not mutate objects 

(pruebas también añadidos).

Answer 10

ECMAScript 6 tiene spread operator. Y ahora usted puede hacer esto:

const obj1 = {1: 11, 2: 22} 
const obj2 = {3: 33, 4: 44} 
const obj3 = {...obj1, ...obj2} 
console.log(obj3) 

// {1: 11, 2: 22, 3: 33, 4: 44} 

Answer 11

más simple: los operadores de cálculo

var obj1 = {a: 1} 
var obj2 = {b: 2} 
var concat = { ...obj1, ...obj2 } // { a: 1, b: 2 }