How to convert an object of objects to an array of objects?

Question

I have an external file people.json. How I can convert it to a javascript array with json syntax?
this is the people.json content:

{
"1":{
    "Name":"Jhon",
    "Surname":"Kenneth",
    "mobile":329129293,
    "email":"[email protected]"
},
"2":{
    "Name":"Thor",
    "Surname":"zvalk",
    "mobile":349229293,
    "email":"[email protected]"
},
"3":{
    "Name":"Mila",
    "Surname":"Kvuls",
    "mobile":329121293,
    "email":"[email protected]"
}
}

I want an array with this format

var person = [
{ "name":"jhon" , "surname":"kenneth", "mobile":329129293, "email":"[email protected]"}, 
{ "Name":"Thor", "Surname":"zvalk", "mobile":349229293, "email":"[email protected]" }, 
{ "Name":"Mila", "Surname":"Kvuls", "mobile":329121293, "email":"[email protected]"}
];

I tried with the next code, but it doesnt worker:

 var person;   
$.getJSON('people.json', function (json) {
person[]= json
});

By the way, the file contacts.json is in my server.

That pretty much is an "array" in JSON format. By the looks of the code you have added, you need to include jQuery. — SEoF
– SEoF, Commented Jan 26, 2013 at 19:47
@SEoF it is an array, but it contains something different than desired. — John Dvorak
– John Dvorak, Commented Jan 26, 2013 at 19:49
@SEoF could be numerous reasons why such as passin the data into a plugin that expects a particular format. Agree that can likely change server code that is creating data and solve problem also — charlietfl
– charlietfl, Commented Jan 26, 2013 at 19:57
i want an javascript array, because the I want to add new items — Kakitori
– Kakitori, Commented Jan 26, 2013 at 20:07

charlietfl · Accepted Answer · 2013-01-26 19:52:33Z

4

Can use jQuery $.map()

var newArray=$.map( originalObject, function(item){
    return item;
})

DEMO: http://jsfiddle.net/qmfn2/

answered Jan 26, 2013 at 19:52

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

Comments

Darin Dimitrov · Accepted Answer · 2013-01-26 19:49:23Z

3

Try like this:

$.getJSON('people.json', function (json) {
    var people = [];
    for (var key in json) {
        if (json.hasOwnProperty(key)) {
            var item = json[key];
            people.push({
                name: item.Name,
                surname: item.Surname,
                mobile: item.mobile,
                email: item.email
            });            
        }
    }

    // at this stage the people object will contain the desired output
});

answered Jan 26, 2013 at 19:49

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

6 Comments

Kakitori Over a year ago

hey, and how could I show the people array content in a div ??

Darin Dimitrov Over a year ago

Easily, you could use the .text() function: $('#divId').text(JSON.stringify(people));. And if you wanted to show for example the Surname of the second person you could directly access it: $('#divId').text(people[1].surname);.

the system Over a year ago

Why the verbosity? Each json[key] already refers to an object. Why not just push that?

Darin Dimitrov Over a year ago

Because javascript is a case-sensitive language. The original array has the Name and Surname properties (notice the capital letter) whereas in the expected array all property names are lowercase (name and surname). That's why I perform the mapping - in order to achieve the expected result. Actually the OP has mixed up casing. In the first element of the expected array they are lowercase whereas in the second they have uppercase as well.

Darin Dimitrov Over a year ago

Yes, that's true. I've just noticed that. Probably a typo indeed. If this is the case then the code could be shortened by pushing the item variable directly: people.push(json[key]);.

|

Zorayr · Accepted Answer · 2013-01-26 19:50:44Z

1

First you will need to fetch the JSON file using an AJAX request. Then iterate through the received JSON object and add each property to an array.

function convertToArray (receivedObj) {
    var array = [], key;
    for (key in receivedObj) {
        array.push(receivedObj[key]);
    }
    return array;
}

$.getJSON('people.json', function (json) {
    var array = convertToArray(json);
});

Hope this helps!

answered Jan 26, 2013 at 19:50

Zorayr

25.1k9 gold badges148 silver badges139 bronze badges

Comments

the system · Accepted Answer · 2013-01-26 20:04:21Z

1

Like this:

var array = $.map($.parseJSON(data), Object);

http://jsfiddle.net/mXFKL/

answered Jan 26, 2013 at 20:04

the system

9,35642 silver badges47 bronze badges

Comments

user1953559 · Accepted Answer · 2013-01-29 18:40:07Z

1

$.getJSON('people.json', function (json) {
var array = convertToArray(json);
});

answered Jan 29, 2013 at 18:40

user1953559

Collectives™ on Stack Overflow

How to convert an object of objects to an array of objects?

5 Answers 5

Comments

6 Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

6 Comments

Comments

Comments

Comments

Related