Combine Objects and place into array - JavaScript / React

Question

I have multiple objects in an array. They each have a labelId assigned to them. If the label id is the same then I need to combine the objects by placing some of the values inside an array of the new combined object.

[
    {
        field: "legalName",
        isOpened: false,
        label: "Legal Name",
        labelId: 1,
        value: "John Doe"
    },
    {
        field: "homeAddress1",
        isOpened: false,
        label: "Home Address",
        labelId: 2,
        value: "2343 Main Street"
    },
    {
        field: "homeAddress2",
        isOpened: false,
        label: "Home Address",
        labelId: 2,
        value: "New York, NY"
    }
]

What I want it to look like

[
    {
        isOpened: false,
        label: "Legal Name",
        labelId: 1,
        values:
            [
                {field: "legalName", value: "John Doe"}
            ]
    },
    {
        isOpened: false,
        label: "Home Address",
        labelId: 2,
        values:
            [
                {field: "homeAddress1", value: "2343 Main Street"},
                {field: "homeAddress2", value: "New York, NY"}
            ]
    }
]

I am removing the field and value from the original object and placing it into an array of values for all objects regardless if they have the same labelId.

Code so far -

personalInfoArray.forEach(info => {
    personalInfoArray.forEach(info2 => {
        if ((info.labelId === info2.labelId) && (info.field !== info2.field)) {
            info.values = [
                {field: info.field, value: info.value},
                {field: info2.field, value: info2.value}
            ]

        }
    })
})

I am looping through the same array twice in order to determine if the object has the same labelId, if success - create array. The issue is I'm not removing the properties and the other object still exists. Along with if they don't have the same labelId, nothing happens.

Thanks

Why would legalName values be an array? An individual only has one legal name ... no? — charlietfl
– charlietfl, Commented Nov 26, 2018 at 0:46
It's mainly to be consistent with everything else. The example above is a small part of the overall data. — userlkjsflkdsvm
– userlkjsflkdsvm, Commented Nov 26, 2018 at 0:49
Seems like combining all fields into one object would make more sense than arrays of objects...just my opinion — charlietfl
– charlietfl, Commented Nov 26, 2018 at 0:51
No worries! Appreciate the feedback! What's your reasoning behind that? — userlkjsflkdsvm
– userlkjsflkdsvm, Commented Nov 26, 2018 at 0:55
Why? No need to figure out what property is where when all in one object. Properties of main object can contain arrays certainly though — charlietfl
– charlietfl, Commented Nov 26, 2018 at 2:31

Ele · Accepted Answer · 2018-11-26 00:53:53Z

3

This is an approach using the function Array.prototype.reduce to group the object by labelId and the function Object.values to extract the grouped objects.

let arr = [{    field: "legalName",    isOpened: false,    label: "Legal Name",    labelId: 1,    value: "John Doe"  },  {    field: "homeAddress1",    isOpened: false,    label: "Home Address",    labelId: 2,    value: "2343 Main Street"  },  {    field: "homeAddress2",    isOpened: false,    label: "Home Address",    labelId: 2,    value: "New York, NY"  }],
    result = Object.values(arr.reduce((a, {labelId, field, isOpened, label, value}) => {
      (a[labelId] || (a[labelId] = {isOpened, label, labelId, values: []})).values.push({field, value});
      return a;
    }, Object.create(null)));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Nov 26, 2018 at 0:53

answered Nov 26, 2018 at 0:46

Ele

33.8k7 gold badges43 silver badges80 bronze badges

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

Collectives™ on Stack Overflow

Combine Objects and place into array - JavaScript / React

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