Dynamically generate array of objects - Javascript

Question

I'm adapting a D3 pie chart to my own work and want to dynamically recreate the data structure seen below.

    var data = [
{"label":"Colorectale levermetastase (n=336)", "value":74}, 
{"label": "Primaire maligne levertumor (n=56)", "value":12},
{"label":"Levensmetatase van andere origine (n=32)", "value":7}, 
{"label":"Beningne levertumor (n=34)", "value":7}];

I've tried

data += {"label": cat_row, "value": +freq_row};

but it doesn't give the desired results. Also pushing does nothing.

data["label"] = cat_row;

The line above just seems to overwrite the each iteration.

Any guidance would be much appreciated.

"Also pushing does nothing" can you show what you're trying? — evolutionxbox
– evolutionxbox, Commented Apr 11, 2017 at 9:38

LP Devs · Accepted Answer · 2017-04-12 01:39:20Z

2

There are few ways to dynamically recreate the data structure.

To add a new element to the end of the array:

 data.push({"label": cat_row, "value": +freq_row});

or

data[data.length] = {"label": cat_row, "value": +freq_row};

To add a new element to the beginning of the array:

data.unshift({"label": cat_row, "value": +freq_row}));

edited Apr 12, 2017 at 1:39

answered Apr 11, 2017 at 10:01

LP Devs

745 bronze badges

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

Comments

gurvinder372 · Accepted Answer · 2017-04-11 09:29:45Z

1

Also pushing does nothing.

You are almost there, need to push this way

var data = [];
data.push( {"label": cat_row, "value": freq_row } );

answered Apr 11, 2017 at 9:29

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Comments

Weedoze · Accepted Answer · 2017-04-11 09:30:02Z

1

If you want an array you need to use Array#push(). This will add the element in parameter to the end of the array

var data = [];
data.push({label:"test"});

answered Apr 11, 2017 at 9:30

Weedoze

14k2 gold badges38 silver badges65 bronze badges

Comments

Der Flo · Accepted Answer · 2017-04-11 09:33:00Z

1

Do you want to add data to your array or do you want to replace the data?

to add data to the array use:

data.push({"label": cat_row, "value": +freq_row})

to replace data in your array:

var index = 0;
data[index] = {"label": cat_row, "value": +freq_row};

answered Apr 11, 2017 at 9:33

Der Flo

625 bronze badges

Collectives™ on Stack Overflow

Dynamically generate array of objects - Javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related