title: Javascript - comparing two arrays by specific value and create a new array filled with matches
body: <p>Please assume I have two arrays filled with objects like this:</p>
  
  <pre><code>var arr1 = [{dog: "bark", cat: "meow", cow: "muh"}, {dog: "barking", cat: "meow", cow: "muhing"}]
  var arr2 = [{cat: "meow", dog2: "barked"}, {cow: "muhed", savage: "phew", cat: "meowed"}]
  </code></pre>
  
  <p>I wish such output:</p>
  
  <pre><code>var arr3 = [{dog: "bark", cat: "meow", cow: "muh", dog2: "barked"}]
  </code></pre>
  
  <p>i.e <code>arr1</code> and <code>arr2</code>have a common key value pair in some objects, it's <code>cat: "meow"</code> and I want these objects merged and pushed into another array, <code>arr3</code> in my case. Is it even possible? Thanks in advance!</p>