Convert single object into array of objects

Question

I have an object that looks like:

var data = {first: '12/1/2019', second: '12/15/2019'}

I am trying to get into an array of objects using its keys and values like so:

var array = [ 
  {phase: 'first', date: '12/1/2019'}, 
  {phase: 'second', date: '12/15/2019'}
]

I have tried various things, but the closest I have gotten is using something like:

var array = Object.entries(data).map(([key, value]) => ({key,value}));

This gives me an array of objects like:

[ 
 {key: 'first', value: '12/1/2019'},
 {key: 'second', value: '12/15/2019'}
]

I'm close! but i can't figure out how to change key and value to be phase and date. Can someone please help me out?

Talha · Accepted Answer · 2019-03-21 05:01:02Z

6

You can actually just rename your key and value parameter names:

var array = Object.entries(data).map(([phrase, date]) => ({phrase,date}));

answered Mar 21, 2019 at 5:01

Talha

8179 silver badges17 bronze badges

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

1 Comment

Rigs Over a year ago

Thanks! I had something like this, but I think I only changed it one place as opposed to both.

duggi · Accepted Answer · 2019-03-21 05:04:37Z

2

Try adding labels in object.

var data = {
  first: '12/1/2019',
  second: '12/15/2019'
}

var array = Object.entries(data).map(([key, value]) => ({
  phase: key,
  date: value
}))

console.log(array)

answered Mar 21, 2019 at 5:04

duggi

5665 silver badges13 bronze badges

5 Comments

Krishna Prashatt Over a year ago

I wonder why I don't see any difference between your answer and brk's answer below.

Maheer Ali Over a year ago

@KrishnaPrashatt he don't have ; at end and brk have ;

Maheer Ali Over a year ago

@Krishna Prashatt That was a joke nvm

Maheer Ali Over a year ago

@Krishna Prashatt That makes no difference both are correct

Krishna Prashatt Over a year ago

Let us continue this discussion in chat.

brk · Accepted Answer · 2019-03-21 05:01:01Z

0

You are almost there try by adding the key to return object

var data = {
  first: '12/1/2019',
  second: '12/15/2019'
}
var array = Object.entries(data).map(([key, value]) => ({
  phase: key,
  date: value
}));
console.log(array)

answered Mar 21, 2019 at 5:01

brk

50.3k10 gold badges59 silver badges85 bronze badges

Comments

Mario · Accepted Answer · 2019-03-21 05:05:58Z

0

Try the following solution using for...in to iterates over all non-Symbol, enumerable properties of an object.

const data = { first: '12/1/2019', second: '12/15/2019' };
const dataset = [];

for (const key in data) {
  if (data.hasOwnProperty(key)) {
    const element = data[key];

    dataset.push({
      phase: key,
      date: element
    });
  }
}

console.log(dataset);

answered Mar 21, 2019 at 5:05

Mario

5,0044 gold badges42 silver badges65 bronze badges

Comments

Maheer Ali · Accepted Answer · 2019-03-21 05:07:34Z

0

You can use map() on Object.keys()

var data = {first: '12/1/2019', second: '12/15/2019'}

let arr = Object.keys(data).map(x => ({phase:x,date:data[x]}))
console.log(arr)

You can also use Object.entries() and map() but give different names to the parameters destructed

var data = {first: '12/1/2019', second: '12/15/2019'}
let arr = Object.entries(data).map(([phase,date]) =>({phase,date}))
console.log(arr)

edited Mar 21, 2019 at 5:07

answered Mar 21, 2019 at 5:01

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

Comments

Amardeep Bhowmick · Accepted Answer · 2019-03-21 05:16:54Z

0

First extract the key (phase) and value (date) from the data object by Object.entries then use Array.reduce to accumulate and form the new object into an array.

const data = {first: '12/1/2019', second: '12/15/2019'}
const arr = Object.entries(data).reduce((acc, [phase, date]) => acc.concat({phase, date}), []);
console.log(arr);

edited Mar 21, 2019 at 5:16

answered Mar 21, 2019 at 5:02

Amardeep Bhowmick

17k3 gold badges33 silver badges46 bronze badges

Collectives™ on Stack Overflow

Convert single object into array of objects

6 Answers 6

1 Comment

5 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

5 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related