javascript - recorrer - object.assign array

Seguramente ES6+debe tener una forma de fusionar dos objetos javascript juntos, ¿qué es?

Question

Estoy cansado de cansarme de tener que escribir siempre código como este:

function shallowExtend(obj1,obj2){
var key;
for ( key in obj2 ) {
if ( obj2.hasOwnProperty(key) === false ) continue;
obj1[key] = obj2[key]
}
}

O si no quiero escribir el código yo mismo, implemente una biblioteca que ya lo haga. Seguramente ES6 + viene al rescate en esto nos proporcionará algo así como Object.prototype.extend(obj2...) u Object.extend(obj1,obj2...)

Entonces, ¿ES6 + proporciona esa funcionalidad? Si no está ya allí, ¿está planeada dicha funcionalidad? Si no se planifica, ¿por qué no?

Answer 1

ES6

Object.assign(o1,o2) ;
Object.assign({},o1,o2) ; //safe inheritance
var copy=Object.assign({},o1); // clone o1
//------Transform array of objects to one object---
var subjects_assess=[{maths:92},{phy:75},{sport:99}];
Object.assign(...subjects_assess); // {maths:92,phy:75,sport:99}

ES7 o Babel

{...o1,...o2} // inheritance
var copy= {...o1};

Answer 2

La adición de Object.mixin se está discutiendo actualmente para cuidar el comportamiento que está solicitando. https://mail.mozilla.org/pipermail/es-discuss/2012-December/027037.html

Aunque aún no figura en el borrador de ES6, parece que hay mucho apoyo para él, así que creo que aparecerá pronto en los borradores.

Answer 3

Podrás hacer una fusión superficial / extender / asignar en ES6 usando Object.assign:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Sintaxis:

Object.assign ( target , ... fuentes );

donde ... las fuentes representan los objetos fuente.

Nota: no confunda ... fuentes en la definición de sintaxis con un operador de dispersión ES6.

Ejemplo:

var obj1 = {name: ''Daisy'', age: 30};
var obj2 = {name: ''Casey''};
Object.assign(obj1, obj2);
console.log(obj1.name === ''Casey'' && obj1.age === 30);
// true

Answer 4

Puede usar el objeto reposo / dispersión para esto:

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

La proposal ECMAScript se encuentra actualmente en la etapa 3 y habilitada en Babel mediante el uso del escenario preestablecido de la etapa 3 .

Answer 5

Sé que esto es un problema viejo pero la solución más fácil en ES2015 / ES6 es bastante simple, usando Object.assign (),

Espero que esto ayude, esto hace que DEEP se fusione también:

/**
* Simple is object check.
* @param item
* @returns {boolean}
*/
export function isObject(item) {
return (item && typeof item === ''object'' && !Array.isArray(item) && item !== null);
}
/**
* Deep merge two objects.
* @param target
* @param source
*/
export function mergeDeep(target, source) {
if (isObject(target) && isObject(source)) {
for (const key in source) {
if (isObject(source[key])) {
if (!target[key]) Object.assign(target, { [key]: {} });
mergeDeep(target[key], source[key]);
} else {
Object.assign(target, { [key]: source[key] });
}
}
}
return target;
}

Ejemplo de uso:

mergeDeep(this, { a: { b: { c: 123 } } });
// or
const merged = mergeDeep({a: 1}, { b : { c: { d: { e: 12345}}}});
console.dir(merged); // { a: 1, b: { c: { d: [Object] } } }

Answer 6

Tal vez el método ES5 Object.defineProperties hará el trabajo?

p.ej

var a = {name:''fred''};
var b = {age: {value: 37, writeable: true}};
Object.defineProperties(a, b);
alert(a.age); // 37

Documentación de MDN: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/defineProperties