title: merge multiple nested array of nested objects in es6?
body: <p>i have an array like this:</p>
  <pre><code>[
    {
      data: [
        { a: &quot;a&quot;, b: &quot;b&quot; },
        { x: &quot;x&quot;, y: &quot;y&quot; },
      ],
    },
    {
      data: [
        { c: &quot;c&quot;, d: &quot;d&quot; },
        { z: &quot;z&quot;, f: &quot;f&quot; },
      ],
    },
    {
      data: [
        { d: &quot;d&quot;, e: &quot;e&quot; },
        { g: &quot;g&quot;, h: &quot;h&quot; },
      ],
    },
  ];
  </code></pre>
  <p>now i want to have all items in data in one array, an end result like this:</p>
  <pre><code>[
    { a: &quot;a&quot;, b: &quot;b&quot; },
    { x: &quot;x&quot;, y: &quot;y&quot; },
    { c: &quot;c&quot;, d: &quot;d&quot; },
    { z: &quot;z&quot;, f: &quot;f&quot; },
    { d: &quot;d&quot;, e: &quot;e&quot; },
    { g: &quot;g&quot;, h: &quot;h&quot; },
  ];
  </code></pre>
  <p>i don't wanna use lodash which i found on suggested questions, hope to use only es6</p>