Parse a Javascript Object into an array

Question

Okay, so I have a Javascript object that I printout to the console into the following form:

(3) [{…}, {…}, {…}]
0: {data: 50, label: "Active Users"}
1: {data: 20, label: "Expired Users"}
2: {data: 30, label: "Renewed Users"}
length: 3
__proto__: Array(0)

I am trying to extract out the data and label values into separate arrays.

This is what I have done:

    var dataObject = doughnutdata;
    var obj = JSON.parse(JSON.stringify(dataObject));
    console.log(obj);
    var labelsdata = [];
    var datadummy = [];
    labelsdata.push(obj.label);
    datadummy.push(obj.data);
    console.log(labelsdata);
    console.log(datadummy);

But I get [undefined] for both labelsdata and datadummy.

On a sidenote, this is how I have set my doughnutdata:

var doughnutdata = @Html.Raw(Json.Encode(Model.dummysubscribeddata));

Can anyone help me out with this problem? Thanks.

There's absolutely no need to use the JSON methods here. No reason at all. — Pointy, Jan 15 '20 at 13:26
`obj` is still an array and arrays don't have `label` or `data` properties. — Felix Kling, Jan 15 '20 at 13:27
You'd need to iterate the array to push the values. `obj` is an array and doesn't have keys assigned. So: `obj.forEach((item) => { labelsdata.push(item.label) });` etc. — Bert Maurau, Jan 15 '20 at 13:28
@Pointy I got confused by: `@Html.Raw(Json.Encode(Model.dummysubscribeddata));` because this converts an object into `JSON` — Rahul Sharma, Jan 15 '20 at 13:39
@RahulSharma right, and then `@HTML.Raw()` drops it directly into JavaScript where it will be interpreted as a JavaScript object. — Pointy, Jan 15 '20 at 13:51

Sohail Ashraf · Answer 1 · 2020-01-15T13:36:03.827

1

Try simple loop.

let values = [
  {data: 50, label: "Active Users"},
  {data: 50, label: "Active Users"},
  {data: 50, label: "Active Users"},
  {data: 50, label: "Active Users"},
];

let data = [];
let label = [];

for(const value of values) {
  data.push(value.data);
  label.push(value.label);
}

console.log('data: ', data);
console.log('label: ', label);

edited Jan 15 '20 at 13:36

answered Jan 15 '20 at 13:30

Sohail Ashraf

10,078
2
26
42

1

This also works. Thanks – Rahul Sharma Jan 15 '20 at 13:34

Parse a Javascript Object into an array

1 Answers1