how to merge two array of object in following format using javascript

Question

array1 = [{
    questionId: "5e52b55330bb2cee102b9a39",
    note: "Name",
    prefillValue: "prasanna"
},

{
    questionId: "5e52b56b30bb2cee102b9a3f",
    note: "Mobile Number",
    prefillValue: null
},
{
    questionId: "5e52b58230bb2cee102b9a42",
    note: "Agent Email",
    prefillValue: null
},
{
    questionId: "5e52b55e30bb2cee102b9a3c",
    note: "Email",
    prefillValue: null
},
{
    questionId: "5e52c39730bb2cee102b9a47",
    note: "Agent ID",
    prefillValue: null
},
{
    questionId: "5e54dbdd30bb2c6018f488ca",
    note: "Location",
    prefillValue: null
}
]


array2 = [{
    questionId: "5e52b55e30bb2cee102b9a3c",
    note: "Email",
    prefillValue: "[email protected]"
},
{
    questionId: "5e52c39730bb2cee102b9a47",
    note: "Agent ID",
    prefillValue: "34"
},
{
    questionId: "5e54dbdd30bb2c6018f488ca",
    note: "Location",
    prefillValue: "Chennai"
}
]

Expected output:

array3 = [{
        questionId: "5e52b55330bb2cee102b9a39",
        note: "Name",
        prefillValue: "prasanna"
    },

    {
        questionId: "5e52b56b30bb2cee102b9a3f",
        note: "Mobile Number",
        prefillValue: null
    }, {
        questionId: "5e52b58230bb2cee102b9a42",
        note: "Agent Email",
        prefillValue: null
    }, {
        questionId: "5e52b55e30bb2cee102b9a3c",
        note: "Email",
        prefillValue: null
    }, {
        questionId: "5e52b55e30bb2cee102b9a3c",
        note: "Email",
        prefillValue: "[email protected]"
    }, {
        questionId: "5e52c39730bb2cee102b9a47",
        note: "Agent ID",
        prefillValue: "34"
    },
    {
        questionId: "5e54dbdd30bb2c6018f488ca",
        note: "Location",
        prefillValue: "Chennai"
    }
]

Are you asking how to merge arrays without ending up with duplicates? — TKoL
– TKoL, Commented Mar 19, 2020 at 17:53

Abdullah Abid · Accepted Answer · 2020-03-19 17:57:56Z

4

let array1 = [{
    questionId: "5e52b55330bb2cee102b9a39",
    note: "Name",
    prefillValue: "prasanna"
},

{
    questionId: "5e52b56b30bb2cee102b9a3f",
    note: "Mobile Number",
    prefillValue: null
},
{
    questionId: "5e52b58230bb2cee102b9a42",
    note: "Agent Email",
    prefillValue: null
},
{
    questionId: "5e52b55e30bb2cee102b9a3c",
    note: "Email",
    prefillValue: null
},
{
    questionId: "5e52c39730bb2cee102b9a47",
    note: "Agent ID",
    prefillValue: null
},
{
    questionId: "5e54dbdd30bb2c6018f488ca",
    note: "Location",
    prefillValue: null
}
]


let array2 = [{
    questionId: "5e52b55e30bb2cee102b9a3c",
    note: "Email",
    prefillValue: "[email protected]"
},
{
    questionId: "5e52c39730bb2cee102b9a47",
    note: "Agent ID",
    prefillValue: "34"
},
{
    questionId: "5e54dbdd30bb2c6018f488ca",
    note: "Location",
    prefillValue: "Chennai"
}
]

let array3 = [...array1,...array2];

console.log(array3)

edited Mar 19, 2020 at 17:57

Abdullah Abid

1,6613 gold badges12 silver badges24 bronze badges

answered Mar 19, 2020 at 17:49

Yanjan. Kaf.

1,76519 silver badges26 bronze badges

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

8 Comments

Rob Moll Over a year ago

This is not an array of objects as the OP described.

Yanjan. Kaf. Over a year ago

it should work with the object provided in the question,

Prasanna watson Over a year ago

I need to remove duplicated QuestionID from the first array

Yanjan. Kaf. Over a year ago

Then you should filter them before merging

Abdullah Abid Over a year ago

@Prasannawatson take a look at here

|

Addis · Accepted Answer · 2020-03-19 18:03:30Z

You can use Object.assign to copy properties from one object to another

const array1 = [{
      questionId: "5e52b55330bb2cee102b9a39",
      note: "Name",
      prefillValue: "prasanna"
  },

  {
      questionId: "5e52b56b30bb2cee102b9a3f",
      note: "Mobile Number",
      prefillValue: null
  },
  {
      questionId: "5e52b58230bb2cee102b9a42",
      note: "Agent Email",
      prefillValue: null
  },
  {
      questionId: "5e52b55e30bb2cee102b9a3c",
      note: "Email",
      prefillValue: null
  },
  {
      questionId: "5e52c39730bb2cee102b9a47",
      note: "Agent ID",
      prefillValue: null
  },
  {
      questionId: "5e54dbdd30bb2c6018f488ca",
      note: "Location",
      prefillValue: null
  }
]


const array2 = [{
      questionId: "5e52b55e30bb2cee102b9a3c",
      note: "Email",
      prefillValue: "[email protected]"
  },
  {
      questionId: "5e52c39730bb2cee102b9a47",
      note: "Agent ID",
      prefillValue: "34"
  },
  {
      questionId: "5e54dbdd30bb2c6018f488ca",
      note: "Location",
      prefillValue: "Chennai"
  }
]


const array3 = array1.map(o => Object.assign(o, array2.find(a => a.questionId === o.questionId)));

console.log(array3)

Ashish Gondaliya · Accepted Answer · 2020-03-19 18:12:50Z

let array1 = [{
    questionId: "5e52b55330bb2cee102b9a39",
    note: "Name",
    prefillValue: "prasanna"
},

{
    questionId: "5e52b56b30bb2cee102b9a3f",
    note: "Mobile Number",
    prefillValue: null
},
{
    questionId: "5e52b58230bb2cee102b9a42",
    note: "Agent Email",
    prefillValue: null
},
{
    questionId: "5e52b55e30bb2cee102b9a3c",
    note: "Email",
    prefillValue: null
},
{
    questionId: "5e52c39730bb2cee102b9a47",
    note: "Agent ID",
    prefillValue: null
},
{
    questionId: "5e54dbdd30bb2c6018f488ca",
    note: "Location",
    prefillValue: null
}
]


let array2 = [{
    questionId: "5e52b55e30bb2cee102b9a3c",
    note: "Email",
    prefillValue: "[email protected]"
},
{
    questionId: "5e52c39730bb2cee102b9a47",
    note: "Agent ID",
    prefillValue: "34"
},
{
    questionId: "5e54dbdd30bb2c6018f488ca",
    note: "Location",
    prefillValue: "Chennai"
}
]


let array3 = array1.concat(...array2);

console.log(array3)

Mr Khan · Accepted Answer · 2020-03-19 18:39:29Z

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

You can remove duplicate keys in this way.

let array1 = [{
    questionId: "5e52b55330bb2cee102b9a39",
    note: "Name",
    prefillValue: "prasanna"
},

{
    questionId: "5e52b56b30bb2cee102b9a3f",
    note: "Mobile Number",
    prefillValue: null
},
{
    questionId: "5e52b58230bb2cee102b9a42",
    note: "Agent Email",
    prefillValue: null
},
{
    questionId: "5e52b55e30bb2cee102b9a3c",
    note: "Email",
    prefillValue: null
},
{
    questionId: "5e52c39730bb2cee102b9a47",
    note: "Agent ID",
    prefillValue: null
},
{
    questionId: "5e54dbdd30bb2c6018f488ca",
    note: "Location",
    prefillValue: null
}
]

var uniq = {}
var arrFiltered = arrays1.filter(obj => !uniq[obj.questionId] && (uniq[obj.questionId] = true));
console.log('Filtered Array:', arrFiltered)

reference can be found here

Collectives™ on Stack Overflow

how to merge two array of object in following format using javascript

4 Answers 4

8 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

8 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related