JSON: how to parse the property names

Question

I have a lot of json data fetched from a SQL databases similar to this one below:

var data = [
        {"id": 0, "gender": "male", "name": "joan"},
        {"id": 1, "gender": "female", "name": "pep"},
        {"id": 2, "gender": "female", "name": "maria"},
        {"id": 3, "gender": "female", "name": "meli"},
        {"id": 4, "gender": "female", "name": "jaume"}
            ];

How can I get in Javascript (jQuery or underscore.js would be better)?

keys = ["id", "gender", "name"];

(sorry for duplicates, I couldn't find something exactly like this)

UPDATE: Yes this can be considered a duplicate if you take the first element of the data array, this is: data[0]

Then, the shortest given solution (using underscore.js) is

keys = _.keys(data[0]);

Since the question is tagged [tag:Underscore.js], use [`_.keys()`](http://underscorejs.org/#keys)! — Bergi, Feb 18 '13 at 13:40

Cloud Newbie · Answer 1 · 2013-02-18T14:18:06.213

2

using jquery.each you can get the key of json objects

     var keys = [];

    $.each(data[0], function(key, value){
         console.log(key); // id, gender, name
         console.log(value); // 0, male, joan
         keys.push(key);
        });

console.log(keys); // ["id", "gender", "name"]

edited Feb 18 '13 at 14:18

answered Feb 18 '13 at 13:15

Cloud Newbie

61
1
6

score 1 · Answer 2 · answered Feb 18 '13 at 13:13

1

If all objects have the same keys, jquery.map might be useful:

keys = $.map(data[0], function(val, key) { return key })

For a pure javascript solution consider Object.keys

answered Feb 18 '13 at 13:13

georg

211,518
52
313
390

thank, but I get keys empty – jaumetet Feb 18 '13 at 13:27

JSON: how to parse the property names

2 Answers2