Split objects in array, based on the property

Question

I want to duplicate entire objects inside an array, based on the properties inside the object. I need to duplicate the objects, based on the split emails, in nominations.

For example

array = [
{
  id:1,
  name: ravi,
  nominations: [email protected], [email protected]
},
{
   id:2
   name: ramu,
   nominations: [email protected], [email protected]
}
]

Need Output like

Output_array = [
{
  id:1,
  name: ravi,
  nominations: [email protected]
},
{
  id:1,
  name: ravi,
  nominations: [email protected]
},
{
   id:2
   name: ramu,
   nominations: [email protected]
},
{
   id:2
   name: ramu,
   nominations: [email protected]
}
]

Invizi · Accepted Answer · 2021-12-15 15:43:02Z

2

The easiest way would be to flatMap over the items, then map over the nominations.

const data = [{
  id:1,
  name: "ravi",
  nominations: "[email protected], [email protected]"
},
{
   id:2,
   name: "ramu",
   nominations: "[email protected], [email protected]"
}];

const result = data.flatMap(item => {
  return item.nominations.split(", ").map(email => ({
    id: item.id,
    name: item.name,
    nomination: email
  }))
})

console.log(result)

edited Dec 15, 2021 at 15:43

answered Dec 15, 2021 at 15:39

Invizi

1,2981 gold badge8 silver badges7 bronze badges

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

1 Comment

Invizi Over a year ago

@RoryMcCrossan Thanks, updated the code.

Deepak · Accepted Answer · 2021-12-15 15:47:08Z

0

A pretty straightforward way using loops:

let data = [
  {
    "id": 1,
    "name": "ravi",
    "nominations": "[email protected],[email protected]"
  },
  {
    "id": 2,
    "name": "ramu",
    "nominations": "[email protected],[email protected]"
  }
];

let newData = []
for (let element of data) {
  let emailIds = element.nominations.split(",");
  if (emailIds.length > 1) {
    for (let emailId of emailIds)
      newData.push({ id: element.id, name: element.name, nominations: emailId })
  }
}

console.log(newData)

Explanation: Starting with traversing the entire objects, in each object you split the nominations string and split it with "," to check if there is more than one email. If it does exist, you run a loop to individually add them.

edited Dec 15, 2021 at 15:47

answered Dec 15, 2021 at 15:40

Deepak

2,7522 gold badges13 silver badges31 bronze badges

Comments

Maz T · Accepted Answer · 2021-12-15 16:05:29Z

0

This could be done with an arguably long one-liner. Object.assign function can be employed to duplicate input object while changing property/properties of interest.

let input = [{
    id: 1,
    name: `ravi`,
    nominations: `[email protected], [email protected]`
},
{
    id: 2,
    name: `ramu`,
    nominations: `[email protected], [email protected]`
}];

let output = input.flatMap(i => i.nominations.split(",").map(n => Object.assign({}, i, { nominations: n.trim() })));

console.log(output);

answered Dec 15, 2021 at 16:05

Maz T

1,24214 silver badges19 bronze badges

Comments

Yagnik Sangani · Accepted Answer · 2021-12-15 17:20:48Z

You can try this code:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    var data_array = [
                      {
                        id:'1',
                        name: 'ravi',
                        nominations: '[email protected], [email protected]',
                      },
                      {
                         id:'2',
                         name: 'ramu',
                         nominations: '[email protected], [email protected]',
                      },
                    ];
    
    
    var output_array = data_array.flatMap(key => {
      return key.nominations.split(",").map(split_email => ({
        id: key.id,
        name: key.name,
        nomination: $.trim(split_email)
      }))
    });
    
    console.log(output_array);

});
</script>
</head>
<body>
</body>
</html>

Collectives™ on Stack Overflow

Split objects in array, based on the property

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related