扩展两个对象，不进行深层复制，但不覆盖对象数组

Question

我有两个对象，我想通过覆盖相同的值来加入一个对象。

var objOne = { current: 1, sort: { 'foo' : 'bar' }, search: [ { name: 'a', value: 1 }, { name: 'b', value: 2 } ] };
var objTwo = { sort: { 'john' : 'doe' }, search: [ { name: 'a', value: 3 } ] };

我尝试了不带深层复制的$ .extends，并且对数组元素以外的所有元素都适用。

var objAll = $.extend( {}, objOne, objTwo );

objAll -> { current: 1, sort: { 'john' : 'doe' }, search: [{ name: 'a', value: 3 }] };

我的目标是要得到这个

objAll -> { current: 1, sort: { 'john' : 'doe' }, search: [{ name: 'a', value: 3 },{ name: 'b', value: 2 }] };

仅覆盖具有相同名称的对象数组。

我怎样才能做到这一点？ 谢谢

Answer 1

可以使用ES6代理通过处理程序中的set trap来完成。

var objOne = {    current: 1,    sort: { 'foo' : 'bar' },    search: [ { name: 'a', value: 1 }, { name: 'b', value: 2 } ]  };

var proxy = new Proxy(objOne, {
         set(trapTarget, key, value, receiver) {
              // not altering the existing array properties
              if (trapTarget.hasOwnProperty(key) && Array.isArray(trapTarget[key])) {

                return Reflect.set(trapTarget, key, trapTarget[key], receiver)  
              } 

              return Reflect.set(trapTarget, key, value, receiver);

         } });

Object.assign(proxy,{ sort: { 'john' : 'doe' }, search: [ { name: 'a', value: 3 } ] });

console.log(objOne); 

JsFiddle链接： https ：//jsfiddle.net/8n3c8hs0/