ディープコピーを持たず、オブジェクトの配列を上書きしない2つのオブジェクトを拡張する

Question

2つのオブジェクトがあり、同じ値を上書きするだけで1つに結合したいと考えています。

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/