How to convert an object into an array of objects?

Question

So I've got some state that is an object which looks like this

object:{
  foo: Array[3]
  bar: Array[6]
}

And The amount of entries inside the object may change, it could have 3 arrays, it could have 10. It needs to be dynamic I've got to display those as counts (in a pie chart) which accepts the data to look like this, with data being the prop inside the JSX tag

data:{[
  {x:foo, y:foo.length},
  {x:bar, y:bar.length}
]}

x outputs as the name and y outputs as the number (not a percent, the lib works it out for me)

I've tried using some examples on here such as this thread but I'm just not getting it

Preference for ES6 syntax & I'm using Victory for my graphing lib if you're interested

Can you edit the question and post a Minimal Complete and Verifiable example of what you have tried so far (which is causing you problems)? — lealceldeiro
– lealceldeiro, Commented Oct 4, 2018 at 13:08
The answers there should work just fine, how exactly did you try implementing them? For example return {x:key, y:object[key].length} should work in a map of the object keys — Patrick Evans
– Patrick Evans, Commented Oct 4, 2018 at 13:08

Nikhil Aggarwal · Accepted Answer · 2018-10-04 13:08:58Z

5

Try following using Array.map and Object.entries

let obj = {foo : [1,2,3], bar : [1,2,3,4,5,6]};
let data = Object.entries(obj).map(([k,v]) => ({x:k, y:v.length}));
console.log(data);

answered Oct 4, 2018 at 13:08

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

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

1 Comment

Nikhil Aggarwal Over a year ago

@AlistairHardy - Glad to help you!

Bhojendra Rauniyar · Accepted Answer · 2018-10-04 13:19:32Z

0

You could even simply use map with keys: (to make support for ie)

const obj = {foo : [1,2,3], bar : [1,2,3,4,5,6]};
const d = Object.keys(obj).map(el => ({x:el, y:obj[el].length}));
console.log(d);

answered Oct 4, 2018 at 13:19

Bhojendra Rauniyar

86k36 gold badges179 silver badges241 bronze badges

Collectives™ on Stack Overflow

How to convert an object into an array of objects?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related