title: es6 merge two array of objects and override the existing object
body: <p>I have 2 array of objects:</p>
  
  <pre><code>const arr1 = [{'id':'1' 'value':'yes'}, {'id':'2', 'value':'no'}];
  const arr2 = [{'id':'2', 'value':'yes'}];
  </code></pre>
  
  <p>So, if I try and merge these 2 arrays the result should be:</p>
  
  <pre><code>arrTemp = [{'id':'1', 'value':'yes'}, {'id':'2', 'value':'yes'}];
  </code></pre>
  
  <p>Basically, it should work similar to Object.assign(), but no matter what I try it does not work. Could anyone please help me in this ?</p>
  
  <p>I modified the data structure. Is it possible to merge them now and get the output.</p>
  
  <p>Thanks</p>