javascript - array - angular merge vs extend

Angularjs fusionan dos objetos

Question

Por ejemplo, a partir de estos dos objetos:

var object1 = {
"color": "yellow",
"size": null,
"age": 7,
"weight": null
}
var object2 = {
"color": "blue",
"size": 51,
"age": null
}

Quiero esto ( object2 anula object1 excepto por propiedades null o propiedades que no tiene):

{
"color": "blue",
"size": 51,
"age": 7,
"weight": null
}

Answer 1

El uso de angualr.extend no producirá el resultado solicitado. El valor nulo object2.age anulará el valor de object1.age.

angular.extend (object1, object2) producirá el siguiente resultado:

{
"color" : "blue",
"size" : 51,
"age" : null, <=== undesirable result
"weight" : null
}

Use el siguiente código para omitir las propiedades nulas

for (var prop in object1) {
if(object1.hasOwnProperty(prop) && object2.hasOwnProperty(prop) && object2[prop]!=null) {
object1[prop] = object2[prop];
}
}

Esto producirá el siguiente resultado solicitado

{
"color" : "blue",
"size" : 51,
"age" : 7,
"weight" : null
}

Answer 2

Para Angular 1.x

var mergedObject = angular.extend(object1, object2);

Fuente:

https://docs.angularjs.org/api/ng/function/angular.extend

Para angular 1.4+ puede usar merge :

angular.merge(dst, src);

Si no desea sobrescribir con nulo, puede usar esto .

Para Angular 2 (ECMAScript 6):

puedes usar Object.assign () :

let movie2 = Object.assign({}, movie1, { episode: 8 });

Answer 3

Para versiones más nuevas (al menos 1.4.0) de angular, puede usar angular.merge

A diferencia de extend (), merge () desciende recursivamente en las propiedades de los objetos fuente, realizando una copia profunda.