title: adding two javascript arrays together
body: <p>I have two arrays that are built in exactly the same way that I need to add together.  One can be added to the end of the other, or a new array can be created containing the data of the two, it doesn't matter to me.</p>
  
  <p>Here's a screenshot showing what this looks like NOW in Chrome's console:</p>
  
  <p><img src="https://i.stack.imgur.com/9wdd1.png" alt="enter image description here"></p>
  
  <h1>What I've Tried</h1>
  
  <p>I tried simply adding the two together...</p>
  
  <pre><code>var complete = [];
  complete.push(array1);
  complete.push(array2);  
  </code></pre>
  
  <p>but this still leaves me with the upper <code>[Object, Object]</code> and <code>[Object, Object, Object]</code> levels that I'm trying to get rid of.</p>
  
  <p>How do I merge the individual <code>Objects</code> from these arrays into one?</p>