title: Combine same-index objects of two arrays
body: <p>Say I have two arrays of objects, like so:</p>
  
  <pre><code>var arr1 = [{name: 'Jay'}, {name: 'Bob'}];
  var arr2 = [{age: 22}, {age: 30}];
  </code></pre>
  
  <p>I want a combined array like so:</p>
  
  <pre><code>var arr3 = [{name: 'jay', age: 22}, {name: 'Bob', age: 30}];
  </code></pre>
  
  <p>You can safely assume that the two initial arrays will have indexes matching each other, meaning index 0 of arr1 will always go with index 0 of arr2. </p>
  
  <p>What would be the fastest way to accomplish this? I was imagining a <code>forEach</code> loop nested inside another <code>forEach</code> loop and extending each object from <code>arr1</code> with the current object from <code>arr2</code>, but I feel this may be too complex. </p>