title: Not able to push object in an array
body: <p>I am trying to iterate over two array of objects and trying to push combined object in a new array. I have two arrays, allData and users. I am iterating over these array and if author from allData matches the id of users array then I am pushing data into newData array.</p>
  
  <p>But I am not able to access imageURL while pushing into the newData array. Can someone point out why it is happening and what is solution</p>
  
  <pre><code>let allData = [{
      "id": 5,
      "message": "bnnnbnb",
      "parentId": 1,
      "author": 2
  }];
  
  let users = [{
      "id": 1,
      "name": "abc",
      "imageUrl": "avatar1.jpg"
  }, {
      "id": 2,
      "name": "def",
      "imageUrl": "avatar2.jpg"
  }, {
      "id": 3,
      "name": "qwe",
      "imageUrl": "avatar3.jpg"
  }];
  
  let newData = [];
  allData.map((dataItem) =&gt; {
      users.map((user) =&gt; {
          if(dataItem.author === user.id){
              newData.push({...dataItem, user.imageUrl})
          }
      })
  })
  </code></pre>
  
  <p>I am expecting below result: </p>
  
  <pre><code>let newData = [{
      "id": 5,
      "message": "bnnnbnb",
      "parentId": 1,
      "author": 2,
      "imageUrl": "avatar2.jpg"
  }];
  </code></pre>