How to convert object key value pair with array as values to multi objects of key value pair?

Question

I have an object with key-value pair and its value as an array of elements.

{
    status: ["new", "old"],
    place: ["york", "blah"]
}

I'm trying to convert it into multiple array objects of key-value pair like below.

{

"newObj1": [
      { "status": "new" },
      { "status": "old" }],
"newObj2": [
      { "place": "york" },
      { "place": "blah" }]
}

Is there any way to achieve the above structure? I have tried couple of methods using array reduce methods but it doesn't give in the desired output.

let value= {
        status: ["new", "old"],
        place: ["york", "blah"]
    }
Object.keys(value).map((key) => [key, value[key]]);

@SivakumarTadisetti. That can be any specific. We can call it newObj. — Nikhil Bharadwaj
– Nikhil Bharadwaj, Commented Jul 19, 2020 at 6:48
Shouldn't you rather convert it to array of objects of the form: [{status: "new", place: "york"}, {status: "old", place: "blah"}] — Rahul Bhobe
– Rahul Bhobe, Commented Jul 19, 2020 at 6:57

Abito Prakash · Accepted Answer · 2020-07-19 06:50:00Z

1

You can do something like this

const obj = {
    status: ["new", "old"],
    place: ["york", "blah"]
};

const result = {};
Object.keys(obj).forEach((key, index) => {
    result[`newObj${index + 1}`] = obj[key].map(item => ({[key]: item}));
});
console.log(result);

answered Jul 19, 2020 at 6:50

Abito Prakash

4,8002 gold badges16 silver badges28 bronze badges

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

Comments

uminder · Accepted Answer · 2020-07-19 06:59:50Z

0

Here's a solution that uses Array.reduce():

const value = {
  status: ["new", "old"],
  place: ["york", "blah"]
};

const result = Object.keys(value).reduce((acc, key, i) => {
  acc["newObj" + (i + 1)] = value[key].map(k => ({ [key]: k }));
  return acc;
}, {});
console.log(result);

answered Jul 19, 2020 at 6:59

uminder

26.4k6 gold badges45 silver badges91 bronze badges

Comments

Ahmad · Accepted Answer · 2020-07-19 07:00:24Z

Here is my way of accomplishing that.

let source = {
  status: ["new", "old"],
  place: ["york", "blah"]
};

let destination = {};  // make room for the destinoation object

Object.keys(source).forEach((key, index) => {

  let obj = "newObj" + (index + 1);  // assume all objects are named "newObj1,2,3,etc"
  
  if (!destination[obj]) {  // check if the object exists already
    // if not, then crate an empty array first
    destination[obj] = [];
  }
  
  // loop through all items in the source element array
  source[key].forEach(value => {
    // create an object from the array element
    let subObj = {};
    subObj[key] = value;
    
    // push that object to the destination
    destination[obj].push(subObj);
  });

});

console.log(destination);

Sivakumar Tadisetti · Accepted Answer · 2020-07-19 07:04:34Z

0

const data = {
    status: ["new", "old"],
    place: ["york", "blah"]
};

let result = Object.fromEntries( Object.entries(data).map( ([key, [first, second]], index) => {
  return [ `newObj${index}`, [ { [key]: first }, { [key]: second } ] ];
} ) );

console.log(result);

edited Jul 19, 2020 at 7:04

answered Jul 19, 2020 at 6:58

Sivakumar Tadisetti

5,0617 gold badges39 silver badges62 bronze badges

Comments

GirkovArpa · Accepted Answer · 2020-07-19 07:06:14Z

Here's an idiomatic solution using .reduce inside .reduce:

Object.entries(data)
  .reduce((result, [key, value], index) => !(result['newObj' + (index + 1)] = value
    .reduce((arr, text) => !arr
      .push({ [key]: text }) || arr, [])) || result, {});

Here's a live example:

const data = {
  status: ['new', 'old'],
  place: ['york', 'blah']
};

const result = Object.entries(data)
  .reduce((result, [key, value], index) => !(result['newObj' + (index + 1)] = value
    .reduce((arr, text) => !arr
      .push({ [key]: text }) || arr, [])) || result, {});
      
console.log(result);

/*
{
  newObj1: [
    { status: 'new' },
    { status: 'old' }
  ],
  newObj2: [
    { place: 'york' },
    { place: 'blah' }
  ]
}
*/

jaimish11 · Accepted Answer · 2020-07-19 07:25:30Z

0

For those who fail to understand map and reduce, here's a fairly naive solution but it will work:

newObjCounter = 1
orig = { status: [ 'new', 'old' ], place: [ 'york', 'blah' ] }
newObject = {}

//Initialise object with new keys with arrays as values
for(var key in orig){
    newObject["newObj"+initialCounter] = []
    initialCounter++
}

//Loop through keys of the original object and dynamically populate the new object
for(var key in orig){
    index = "newObj"+objCounter
    newObject[index].push({[key]:orig[key]})
    objCounter++
}

console.log(newObject)

answered Jul 19, 2020 at 7:25

jaimish11

5645 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to convert object key value pair with array as values to multi objects of key value pair?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related