Transform object array with dynamic key to new array

Question

I have an output from my return array like the below:

[{
    SENIORS: "SINGLE_MAN",
    age: "U21",
    fullName: "John Doe",
    personId: "0001337"
}]

And I need to return this into a new format where I would need to add values from the above into new keys, some nested exactly like the below structure.

[
    {
    "personId": "0001337",
    "Groups": [
        {
        "group":"SENIORS",
        "status" :"SINGLE_MAN"
        }
    ]
    }
]

As you can see I have created a new key called Groups, and 2 new keys within this called group and status. Not sure hows best to create the keys and at the same time assign the old values to them. The original key of senior now needs to be a property of group.

I am using lodash if that can be used?

Have you tried anything? You might want to take a look at How to use a variable for a key in a JavaScript object literal? for starters... And Group array of object nesting some of the keys with specific names. — Heretic Monkey
– Heretic Monkey, Commented Feb 8, 2019 at 14:23
Yes I have tried a few things. Thanks though for the link, upvote — Tom Rudge
– Tom Rudge, Commented Feb 8, 2019 at 14:40

adiga · Accepted Answer · 2019-02-08 14:30:35Z

2

If it always has four properties and only one of them is dynamic, you can isolate the dynamic property using spread syntax. And then use Object.entries and map like this:

const input = [{
  SENIORS: "SINGLE_MAN",
  age: "U21",
  fullName: "John Doe",
  personId: "0001337"
},
{
  JUNIORS: "SINGLE_WOMAN",
  age: "U22",
  fullName: "Jane Doe",
  personId: "0001338"
}]

const output = input.map(({ personId, fullName, age, ...rest}) => {
  const [group, status] = Object.entries(rest)[0];
  return { personId, Groups: [{ group, status }] }
})

console.log(output)

edited Feb 8, 2019 at 14:30

answered Feb 8, 2019 at 14:24

adiga

35.4k9 gold badges65 silver badges88 bronze badges

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

Comments

Terry Lennox · Accepted Answer · 2019-02-08 14:32:50Z

1

You can re-shape the data fairly easily even without lodash. Also assuming we know the group names in advance.

let a = [{
    SENIORS: "SINGLE_MAN",
    age: "U21",
    fullName: "John Doe",
    personId: "0001337"
}];

let groupNames = ["SENIORS"];

console.log("Input: ", a);

let output = a.map(row => {
    let r = { personId: row.personId };
    r.Groups = groupNames
       .filter(value => Object.keys(row).indexOf(value) !== -1)
       .map(group => {return {group: group, status: row[group]}});

    return r;
});

console.log("Output: ", output);

edited Feb 8, 2019 at 14:32

answered Feb 8, 2019 at 14:26

Terry Lennox

30.9k5 gold badges36 silver badges45 bronze badges

Collectives™ on Stack Overflow

Transform object array with dynamic key to new array

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related