Mutate some property in array of objects base on keys of object from another array

Question

I'm trying to change some properties in the first array of objects based on the second array of objects

here is the first one

const data1 = [
  {
    type: 'text',
    message: 'Hi',
    area: 'A',
  },
  {
    type: 'text',
    message: 'Bye',
    area: 'B',
  },
  {
    type: 'text',
    message: 'Yeah',
    area: 'C',
  },
];

and the second one is

const data2 = [
  {
    area: {
      a: 1,
    },
  },
  {
    area: {
      b: 2,
    },
  },
  {
    area: {
      c: 3,
    },
  },
];

here is my expect result

const result = [
  {
    type: 'text',
    message: 'Hi',
    area: {
      a: 1,
    },
  },
  {
    type: 'text',
    message: 'Bye',
    area: {
      b: 2,
    },
  },
  {
    type: 'text',
    message: 'Yeah',
    area: {
      c: 3,
    },
  },
];

This is what I've done so far,

let a = data1.map((item, idx) => {
  return { ...item, ['area']: data2[idx] };
});

but it doesn't work as expected, please advice.

hgb123 · Accepted Answer · 2020-08-05 17:11:46Z

1

area of data2 is destructed later, so it will override the area of data1

Below snippet could help you

const data1 = [{
    type: "text",
    message: "Hi",
    area: "A",
  },
  {
    type: "text",
    message: "Bye",
    area: "B",
  },
  {
    type: "text",
    message: "Yeah",
    area: "C",
  },
]

const data2 = [{
    area: {
      a: 1,
    },
  },
  {
    area: {
      b: 2,
    },
  },
  {
    area: {
      c: 3,
    },
  },
]

const res = data1.map((elem, i) => ({
  ...elem,
  ...data2[i],
}))

console.log(res)

answered Aug 5, 2020 at 17:11

hgb123

14.9k3 gold badges24 silver badges43 bronze badges

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

Collectives™ on Stack Overflow

Mutate some property in array of objects base on keys of object from another array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related