How to pass Json data into JavaScript Array?

Question

I need to convert my json data into Javascript array, im using following data in Data.json file,

[{
        "nid": 1,
        "Desc": "Extra Style Window",
        "Xvalue": "448",
        "Yvalue": "458",
        "ImgValue": "1"
    },
    {
        "nid": 2,
        "Desc": "Door",
        "Xvalue": "138",
        "Yvalue": "558",
        "ImgValue": "2"
    },
    {
        "nid": 3,
        "Desc": "Fittings",
        "Xvalue": "400",
        "Yvalue": "258",
        "ImgValue": "3"
    },
    {
        "nid": 4,
        "Desc": "Fittings Spare",
        "Xvalue": "168",
        "Yvalue": "102",
        "ImgValue": "3"
    }
]

i want above data in following array format,

var dataPoints = new Array([nid,"Desc",Xvalue,Yvalue,ImgValue],......[n]);

i using bellow code for my side but its not working,

var arr = [];
for (var prop in data) {
    arr.push(data[prop]);
}
console.log(data.name);
alert(data.name);

How to convert it, i have huge amount of data in Json file, Please help me to fix this. If its have any other way to solve please let me know.

Thanks.

Ben Rondeau · Accepted Answer · 2017-08-27 06:29:15Z

4

You can do this quite simply using Javascript's map function:

var formattedArray = data.map(i => [i.nid, i.Desc, i.Xvalue, i.Yvalue, i.ImgValue]);

This will return an array containing arrays of each object's values:

And if you wanted a purely functional way to solve this problem (which could be reused on any array):

var formattedArray = data.map(item => Object.keys(item).map(i => item[i]));

edited Aug 27, 2017 at 6:29

answered Aug 27, 2017 at 6:07

Ben Rondeau

3,0631 gold badge18 silver badges22 bronze badges

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

3 Comments

Sathishkumar Over a year ago

Could you please make it brief, im new for javascript,

Ben Rondeau Over a year ago

What do you mean by brief? That is as brief as it gets. It is a one line solution.

Sathishkumar Over a year ago

Ok i will try it

Dhananjaya · Accepted Answer · 2018-11-14 15:31:39Z

1

In simply you can follow this example.

//var json_data= {name: "Dhana", age: 25};    
var json_data= [{"name":1,"age":7},{"name":5,"age":6}];
var result = [];

for(var i in json_data){
    var a=json_data[i]
    result.push(a);
   }

console.log(result[0].age);

if there is single object or multiple objects you can successfully put that objects into a array. Using .push() method only there will be problems in divide indexes within array. So I prefer this example and it gives proper solution for me.

answered Nov 14, 2018 at 15:31

Dhananjaya

4221 gold badge7 silver badges22 bronze badges

Comments

Altaf Khokhar · Accepted Answer · 2017-08-27 07:03:19Z

0

var jsonObject = JSON.parse(string); // fetch your data in string and pass it.

jsonObject will be your array of items based on your json string. Now you can iterate jsonObject and access it's desire item/propety.

answered Aug 27, 2017 at 7:03

Altaf Khokhar

3062 silver badges8 bronze badges

Comments

mahip_j · Accepted Answer · 2017-08-27 08:03:03Z

-1

You can try following code to achieve required dataPoints array

var dataPoints = [];
for (var prop in data) {
    var arr = [];
    for(key in data[prop]){
        arr.push(data[prop][key]);
    }
    dataPoints.push(arr);
}   
console.log(dataPoints);

answered Aug 27, 2017 at 8:03

mahip_j

3682 silver badges11 bronze badges

3 Comments

Sathishkumar Over a year ago

How to get data from json file?

mahip_j Over a year ago

you can use jQuery $.getJSON() like below : $.getJSON("Data.json", function(data) { console.log(data); });

Ben Rondeau Over a year ago

Solution works but doesn't follow functional principles or leverage ES6 language features (like Array.map).

Collectives™ on Stack Overflow

How to pass Json data into JavaScript Array?

4 Answers 4

3 Comments

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related