Modifying key-value into an object with name-value pair of different objects

Question

I have the object coming in from server as shown below :-

[
    { 
        "gender": {
            "male": 25,
            "female": 22
        },
        "population": {
            "pop_under": -23 ,
            "pop_over": 10,
        }
    }
]

I want to extract the key as nameand value as value for above object which after modification looks like this :-

[
   {
       gender : [
           {
               name : "male",
               value : 25
           }, 
           {
               name : "female",
               value : 22
           }
       ], 
       population : [
           {
               name: "pop_under" , 
               value : "-23"
           }, 
           {
               name: "pop_over" , 
               value : "10"
           }
       ]
   } 
]

How can perform said modification? And is it useful to use lodashpackage for this ? Thank you very much for your help.

Please visit help center, take tour to see what and How to Ask. Do some research, search for related topics on SO; if you get stuck, post a minimal reproducible example of your attempt, noting input and expected output, preferably in a Stacksnippet — mplungjan
– mplungjan, Commented Jul 5, 2020 at 13:24

Denis Stukalov · Accepted Answer · 2020-07-05 14:29:48Z

1

You can user reducer for creating new object and Object.keys for looping object fields:

const newData = data.reduce((acc,rec) => {
  return [...acc, Object.keys(rec).reduce((iacc,irec)=>{
    return {...iacc, 
             [irec]: (Object.keys(rec[irec]).map((item)=>{
               return {name: item, value: rec[irec][item]}
             }))
           } 
  },{})]
}, [])

See full example in the playground: https://jscomplete.com/playground/s528735

answered Jul 5, 2020 at 14:29

Denis Stukalov

1,2521 gold badge9 silver badges11 bronze badges

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

Comments

khizerrehandev · Accepted Answer · 2020-07-05 23:04:06Z

1

Using .map and Object.keys method.

let result =[];
data.forEach(obj => {
    Object.keys(obj).forEach(key=>{ 
      let response = Object.
                         keys(obj[key]).
                         map(property=> (
                                          {
                                            name: `${property}`, 
                                            value:obj[key][property]
                                          }
                                        )
                            );
     result.push({[key]:response});
    });
});
console.log(result);

answered Jul 5, 2020 at 23:04

khizerrehandev

1,57717 silver badges15 bronze badges

Collectives™ on Stack Overflow

Modifying key-value into an object with name-value pair of different objects

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related