Merge two array of objects with nested id

Question

I have two arrays of objects that I need to combine where the nested ID (connect.id) of the second array matches the id of the first but can't see how to do it

can anyone help?

const arr1 = [
  { "id": 7619209572755, "title": "Title 1" },
  { "id": 7619209157372, "title": "Title 2" },
  { "id": 7619209921625, "title": "Title 3" }
];  
const arr2 = [
  {
    "id": 7619217289192,
    "connect": [
      { "id": 7619209157372, "title": "Title 1" }
    ],
    "value": "1"
  },
  {
    "id": 7619217242206,
    "connect": [
      { "id": 7619209921625, "title": "Title 2" }
    ],
    "value": "2"
  }
];

const expectedResult = [
  { "id": 7619209572755, "title": "Title 1" },
  { "id": 7619209157372, "title": "Title 2", "value": "1" },
  { "id": 7619209921625, "title": "Title 3", "value": "2" }
]

this works maybe? https://stackoverflow.com/questions/46849286/merge-two-array-of-objects-based-on-a-key — Kaus2b, Sep 24 '21 at 21:25
Please add your debugging details. You need to show what you tried so that we can help you figure out what is being done wrong. — zero298, Sep 24 '21 at 21:32

score 1 · Accepted Answer · answered Sep 24 '21 at 21:29

Using Array#reduce, iterate over arr2 to map every connect element's id with the its object's value in a Map
Using Array#map, iterate over arr1, if an element's id is in the map, set its value

const 
  arr1 = [ { "id": 7619209572755, "title": "Title 1" }, { "id": 7619209157372, "title": "Title 2" }, { "id": 7619209921625, "title": "Title 3" } ],
  arr2 = [
    {
      "id": 7619217289192,
      "connect": [ { "id": 7619209157372, "title": "Title 1" } ],
      "value": "1",
    },
    {
      "id": 7619217242206,
      "connect": [ { "id": 7619209921625, "title": "Title 2" } ],
      "value": "2",
    }
  ];
  
const connectValueMap = arr2.reduce((map, { connect = [], value}) => {
  connect.forEach(({ id }) => map.set(id, value));
  return map;
}, new Map);

const merged = arr1.map(e => {
  const value = connectValueMap.get(e.id);
  if(value) e.value = value;
  return e;
});

console.log(merged);

any way to get the id from Arr2 into the merged array as well set as connectId? — freshbrew, Oct 12 '21 at 14:01

Merge two array of objects with nested id

1 Answers1