How to convert json to array object in javascript?

Question

I have data of json as sample

[{"Food":"Orange T1","Total":3},
{"Food":"Blue T2","Total":1},
{"Food":"Green T3","Total":1},
{"Food":"White T4","Total":4}]

and i want to convert to array object as

[['Orange T1', 3], ['Blue T2', 1], ['Green T3', 1],['White T4', 4]]

How I do this and I will use console.log() to show data sample.

do you have an array or a JSON string?

Nina Scholz
– Nina Scholz

2018-03-22 16:26:43 +00:00
Commented Mar 22, 2018 at 16:26 — Nina Scholz
– Nina Scholz, Commented Mar 22, 2018 at 16:26
.map({food, total} => [food, total]) should do the trick

georg
– georg

2018-03-22 16:27:58 +00:00
Commented Mar 22, 2018 at 16:27 — georg
– georg, Commented Mar 22, 2018 at 16:27
I have a data of json

Brian Crist
– Brian Crist

2018-03-22 16:28:07 +00:00
Commented Mar 22, 2018 at 16:28 — Brian Crist
– Brian Crist, Commented Mar 22, 2018 at 16:28

Nina Scholz · Accepted Answer · 2018-03-22 16:35:38Z

4

You could map the values of each object.

var array = [{ Food: "Orange T1", Total: 3 }, { Food: "Blue T2", Total: 1 }, { Food: "Green T3", Total: 1 }, { Food: "White T4", Total: 4 }],
    result = array.map(Object.values);
    
console.log(result);

If you do not rely on insertation order of objects values, you could use explit keys and their values.

ES6

var array = [{ Food: "Orange T1", Total: 3 }, { Food: "Blue T2", Total: 1 }, { Food: "Green T3", Total: 1 }, { Food: "White T4", Total: 4 }],
    result = array.map(({ Food, Total }) => [Food, Total]);
    
console.log(result);

ES5

var array = [{ Food: "Orange T1", Total: 3 }, { Food: "Blue T2", Total: 1 }, { Food: "Green T3", Total: 1 }, { Food: "White T4", Total: 4 }],
    result = array.map(function (o) { return [o.Food, o.Total]; });
    
console.log(result);

edited Mar 22, 2018 at 16:35

answered Mar 22, 2018 at 16:28

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

5 Comments

str Over a year ago

As the order of properties is unordered, this might not work everywhere.

Nina Scholz Over a year ago

the order is usually the insertation order, as long as the object does not have keys which could be read as integer. these values are listed first.

str Over a year ago

Usually yes, but not necessarily according to the specification.

Brian Crist Over a year ago

Dear Nina Scholz, with case result = array.map(({ Food, Total }) => [Food, Total]); . It's not working , Are you sure for this ?

Nina Scholz Over a year ago

@BrianCrist, it is ES6 syntax, i add ES5.

Sagar Jajoriya · Accepted Answer · 2018-03-22 16:29:02Z

1

var newArr = JSON.parse(yourJson).map((item) => {return [item.Food, item.Total]})

console.log(newArr);

answered Mar 22, 2018 at 16:29

Sagar Jajoriya

2,3751 gold badge12 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to convert json to array object in javascript?

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related