Finding element by id in array from other array

Question

I've 2 arrays:

address - array of object with id

pickup - array of object with id

And I need connect these arrays into 1 by id.

example:

address = [
  {id: "123", name: "any city street"},
  {id: "124", name: "any city street"},
  {id: "125", name: "any city street"},
  {id: "126", name: "any city street"}
];

pickups = [
  {id: "123", time: "10:20"},
  {id: "124", time: "11:30"},
  {id: "125", time: "12:00"},
  {id: "126", time: "12:20"}
];

And I need connect it by id with result like:

{id: "124", name: "name smth", time: "11:30"}

I mean about map this 2 arrays into one

I think you should correct expected result, for example: {id: "124", name: "any city street", time: "11:30"} — tiepvut
– tiepvut, Commented Jul 20, 2020 at 9:10

Alberto · Accepted Answer · 2020-07-20 09:23:16Z

5

address = [
  {id: "123", name: "any city street"},
  {id: "124", name: "any city street"},
  {id: "125", name: "any city street"},
  {id: "126", name: "any city street"}
];

pickups = [
  {id: "123", time: "10:20"},
  {id: "124", time: "11:30"},
  {id: "125", time: "12:00"},
  {id: "126", time: "12:20"}
];

const result = pickups.map(pickup => {
    let match = address.find(addr => addr.id == pickup.id);
    return {
         id : pickup.id, 
         time: pickup.time,
         name : match.name,
    }
})
console.log(result);

Or if you really really like short code:

pickups.map(el => ({ ...el, ...address.find(addr => addr.id == el.id)}))

Be aware that this works fine only if there is always a match between pickups and address

edited Jul 20, 2020 at 9:23

answered Jul 20, 2020 at 9:10

Alberto

13.1k3 gold badges31 silver badges72 bronze badges

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

Comments

Rahul Bhobe · Accepted Answer · 2020-07-20 09:12:32Z

You could do:

let address = [
  {id: "123", name: "any city street"},
  {id: "124", name: "any city street"},
  {id: "125", name: "any city street"},
  {id: "126", name: "any city street"}
];

let pickups = [
  {id: "123", time: "10:20"},
  {id: "124", time: "11:30"},
  {id: "125", time: "12:00"},
  {id: "126", time: "12:20"}
];

let obj = {};

for (let i=0; i<address.length; i++) {
  obj[address[i].id] = obj[address[i].id] || {id: address[i].id};
  obj[address[i].id].name = address[i].name;
}

for (let i=0; i<pickups.length; i++) {
  obj[pickups[i].id] = obj[pickups[i].id] || {id: pickups[i].id};
  obj[pickups[i].id].time = pickups[i].time;
}

let result = Object.keys(obj).map(id => obj[id]);
console.log(result);

AlexAV-dev · Accepted Answer · 2020-07-20 09:06:47Z

0

const address = [
  {id: "123", name: "any city street"},
  {id: "124", name: "any city street"},
  {id: "125", name: "any city street"},
  {id: "126", name: "any city street"}
];

const pickups = [
  {id: "123", time: "10:20"},
  {id: "124", time: "11:30"},
  {id: "125", time: "12:00"},
  {id: "126", time: "12:20"}
];

const result = address.map((rec, index) => {
  return { ...rec, ...pickups[index]}
})

console.log(result)

answered Jul 20, 2020 at 9:06

AlexAV-dev

1,1756 silver badges14 bronze badges

3 Comments

hgb123 Over a year ago

this would fail if 2 arrays are in different orders

programmer Over a year ago

I mean that this code not matching id's, just mapping elements by index. I need to connect 2 object with the same id

programmer Over a year ago

I created something like this: pastebin.com/Sespzg4x But I don't know if that is in right way

hgb123 · Accepted Answer · 2020-07-20 09:15:25Z

0

Below snippet could help you

const addresses = [
  { id: '123', name: 'any city street' },
  { id: '126', name: 'any city street' },
  { id: '124', name: 'any city street' },
  { id: '125', name: 'any city street' },
  { id: '127', name: 'any city street' }
]

const pickups = [
  { id: '126', time: '12:20' },
  { id: '123', time: '10:20' },
  { id: '125', time: '12:00' },
  { id: '124', time: '11:30' }
]

const notUndefined = element => !!element

const res = addresses
  .map(address => {
    const pickup = pickups.find(pickup => pickup.id === address.id)
    if (pickup) {
      return { ...address, ...pickup }
    }
  })
  .filter(notUndefined)

console.log(res)

answered Jul 20, 2020 at 9:15

hgb123

14.9k3 gold badges24 silver badges43 bronze badges

Comments

Shahnawaz Hossan · Accepted Answer · 2020-07-20 09:15:28Z

0

address = [
    { id: "123", name: "any city street" },
    { id: "124", name: "any city street" },
    { id: "125", name: "any city street" },
    { id: "126", name: "any city street" }
];

pickups = [
    { id: "123", time: "10:20" },
    { id: "124", time: "11:30" },
    { id: "125", time: "12:00" },
    { id: "126", time: "12:20" }
];

const mergedArr = address.map((item, i) => {
    if (item.id === pickups[i].id) {
        return Object.assign({}, item, pickups[i]);
    }
});

console.log(mergedArr);

answered Jul 20, 2020 at 9:15

Shahnawaz Hossan

2,7062 gold badges15 silver badges24 bronze badges

2 Comments

programmer Over a year ago

This will be not working cuz not matching objects by IDS

Shahnawaz Hossan Over a year ago

Merged two arrays after checking id in the if condition.

Sven.hig · Accepted Answer · 2020-07-20 09:17:23Z

0

Using Map

address = [ {id: "123", name: "any city street"}, {id: "124", name: "any city street"}, {id: "125", name: "any city street"}, {id: "126", name: "any city street"} ];
pickups = [ {id: "123", time: "10:20"}, {id: "124", time: "11:30"}, {id: "125", time: "12:00"}, {id: "126", time: "12:20"} ];
 map= new Map()
 address.map(o=>map.set(o.id,o))
 var res= pickups.map(o=>{
 var v=map.get(o.id); 
 if(v) v.time=o.time
  return v})
console.log(res)

answered Jul 20, 2020 at 9:17

Sven.hig

4,5292 gold badges10 silver badges18 bronze badges

Comments

Rilla · Accepted Answer · 2020-07-20 09:19:31Z

0

Using Reduce:

const address = [
  {id: "123", name: "any city street"},
  {id: "124", name: "any city street"},
  {id: "125", name: "any city street"},
  {id: "126", name: "any city street"}
];

const pickups = [
  {id: "123", time: "10:20"},
  {id: "124", time: "11:30"},
  {id: "125", time: "12:00"},
  {id: "126", time: "12:20"}
];

const resultArray = [];

address.reduce((resultArr, currentAddress) => {
  let currentAddressPickup = pickups.find(pickup => pickup.id == currentAddress.id);
  let mergedCurrectAddressAndPickup = {
    ...currentAddress,
    ...currentAddressPickup
  }
  
  resultArr.push(mergedCurrectAddressAndPickup)
  return resultArr;
}, resultArray)

console.log(resultArray)

answered Jul 20, 2020 at 9:19

Rilla

5446 silver badges17 bronze badges

Collectives™ on Stack Overflow

Finding element by id in array from other array

7 Answers 7

Comments

Comments

3 Comments

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

3 Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related