Javascript how to merge two different array of object : <p>I would like to merge two different array of objects to one, as follows: </p>

<p>Array 1:</p>

<pre><code>[ { id: 1,
    fullName: '...',
    districtName: '...',
    cityName: '...',
    placeName: '...',
    geoLat: '...',
    geoLong: '...' },
{ id: 2,
    fullName: '...',
    districtName: '...',
    cityName: '...',
    placeName: '...',
    geoLat: '...',
    geoLong: '...' },
]

</code></pre>

<p>Array 2:</p>

<pre><code>[ { a:'...',
    b:'...',
    c:'...',
  },
  { d:'...',
    e:'...',
    f:'...',
  }
]         
</code></pre>

<p>Array 1 and array 2 have same length. 
I would like to merge them correspondely, as follows: </p>

<pre><code>[ { id: 1,
    fullName: '...',
    districtName: '...',
    cityName: '...',
    placeName: '...',
    geoLat: '...',
    geoLong: '...',
    a:'...',
    b: '...',
    c: '...' },
{ id: 2,
    fullName: '...',
    districtName: '...',
    cityName: '...',
    placeName: '...',
    geoLat: '...',
    geoLong: '...',
    d:'...',
    e: '...',
    f: '...' },
]

</code></pre>

<p>How would I do this? 
I've thought about using map, but that way I can only iterate through one array. I have to iterate both array and merge them. </p>

<p>Any suggestions are helpful.
Thank you</p>
