Merging two arrays of objects Javascript / Typescript

Question

I have two arrays of objects which looks something like this:

const users = [
    {
        status: 'failed',
        actionName: 'blabla',
        userId: 1,
    },
    {
        status: 'success',
        actionName: 'blablabla',
        userId: 2,
    },
];

Second one

const usersDetails = [
    {
        name: 'Joseph',
        id: 1,
    },
    {
        name: 'Andrew',
        id: 2,
    },
];

I want to check if userId is equal to id and if so then push the name from usersDetails into users objects. So output would look like this:

const users = [
{
status: 'failed',
actionName: 'blabla',
userId: 1,
name: 'Joseph'
},
{
status: 'success',
actionName: 'blablabla',
userId: 2,
name: 'Andrew'
}];

Well thanks for all your answers. Im not sure if i should post another question, but what would be a solution if both arrays are Observables? — rbrtj
– rbrtj, Commented Jul 19, 2022 at 8:50

Toni Bardina Comas · Accepted Answer · 2022-07-19 07:40:06Z

1

The easiest solution would be to do:

const users = [
    {
        status: 'failed',
        actionName: 'blabla',
        userId: 1,
    },
    {
        status: 'success',
        actionName: 'blablabla',
        userId: 2,
    },
];

const usersDetails = [
    {
        name: 'Joseph',
        id: 1,
    },
    {
        name: 'Andrew',
        id: 2,
    },
];

const getAllUserInfo = () => users.map(user => {
  const userExtraInfo = usersDetails.find(details => details.id === user.userId)
  
  const fullUser = {...user, ...userExtraInfo}
  
  delete fullUser.id
  
  return fullUser
})

console.log(getAllUserInfo())

answered Jul 19, 2022 at 7:40

Toni Bardina Comas

1,8081 gold badge7 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

subodhkalika · Accepted Answer · 2022-07-19 07:50:02Z

1

const users = [ { status: 'failed', actionName: 'blabla', userId: 1, }, { status: 'success', actionName: 'blablabla', userId: 2, }, ];
const usersDetails = [ { name: 'Joseph', id: 1, }, { name: 'Andrew', id: 2, }, ];

const newUsers = users.map(user => {
  user.name = usersDetails.find(u => u.id === user.userId)?.name;
  return user;
});

console.log(newUsers);

answered Jul 19, 2022 at 7:50

subodhkalika

2,3151 gold badge11 silver badges20 bronze badges

Comments

nem0z · Accepted Answer · 2022-07-19 07:39:47Z

0

You can try this code :

let result = users.map(user => ({...user, ...usersDetails.find(userDetail => userDetail.id == user.userId) }));
console.log(result);

If you only want to get name from the second array :

let result = users.map(user => ({...user, 'name': usersDetails.find(userDetail => userDetail.id == user.userId).name }));

If you want to get all properties exepted id ::

let result = users.map(user => {
    let result = {...user, ...usersDetails.find(userDetail => userDetail.id == user.userId) }
    delete result.id;
    return result;
});

answered Jul 19, 2022 at 7:39

nem0z

1,1371 gold badge7 silver badges23 bronze badges

Comments

Mr.Developer · Accepted Answer · 2022-07-19 07:50:32Z

0

Hope this answer will work for you

 const users = [
    {
      status: "failed",
      actionName: "blabla",
      userId: 1,
    },
    {
      status: "success",
      actionName: "blablabla",
      userId: 2,
    },
  ];
  
  const usersDetails = [
    {
      name: "Joseph",
      id: 1,
    },
    {
      name: "Andrew",
      id: 2,
    },
  ];
  
  users.map((e) => {
    usersDetails.find((_e) => {
      if (e.userId === _e.id) {
        e.name = _e.name;
      }
    });
  });
  console.log(users);

answered Jul 19, 2022 at 7:50

Mr.Developer

6054 silver badges8 bronze badges

Comments

R4ncid · Accepted Answer · 2022-07-19 08:10:58Z

0

you can do something like this using a single loop

const users = [
    {
      status: "failed",
      actionName: "blabla",
      userId: 1,
    },
    {
      status: "success",
      actionName: "blablabla",
      userId: 2,
    },
  ];
  
  const usersDetails = [
    {
      name: "Joseph",
      id: 1,
    },
    {
      name: "Andrew",
      id: 2,
    },
  ];
  
  const result = Object.values([...users, ...usersDetails].reduce((res, {userId, id,...item}) => {
    const key = id || userId
    return {
      ...res,
      [key]: {...(res[key] || {userId: key}), ...item}
    }
  }, {}))
  console.log(result);

answered Jul 19, 2022 at 8:10

R4ncid

7,1651 gold badge8 silver badges21 bronze badges

Comments

angel.bonev · Accepted Answer · 2022-07-19 23:05:39Z

0

const users = [{
    status: 'failed',
    actionName: 'blabla',
    userId: 1,
  },
  {
    status: 'success',
    actionName: 'blablabla',
    userId: 2,
  },
];

const usersDetails = [{
    name: 'Joseph',
    id: 1,
  },
  {
    name: 'Andrew',
    id: 2,
  },
];

users.forEach(each => {
  const found = usersDetails.find(detail => detail.id === each.userId);

  if (found) {
    each.name = found.name;
  }
});

console.log(users);

edited Jul 19, 2022 at 23:05

angel.bonev

2,2424 gold badges25 silver badges33 bronze badges

answered Jul 19, 2022 at 7:35

tom10271

4,6897 gold badges41 silver badges69 bronze badges

Collectives™ on Stack Overflow

Merging two arrays of objects Javascript / Typescript

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related