Extract values from JSON text in Javascript?

Question

I have the following JSON:

{
   "head":{
      "vars":[
         "uri",
         "label"
      ]
   },
   "results":{
      "bindings":[
         {
            "uri":{
               "type":"uri",
               "value":"http://tematres.befdata.biow.uni-leipzig.de/vocab/?tema=751"
            },
            "label":{
               "type":"literal",
               "xml:lang":"en",
               "value":"15n"
            }
         },
         {
            "uri":{
               "type":"uri",
               "value":"http://tematres.befdata.biow.uni-leipzig.de/vocab/?tema=916"
            },
            "label":{
               "type":"literal",
               "xml:lang":"en",
               "value":"16s analysis"
            }
         },
         {
            "uri":{
               "type":"uri",
               "value":"http://tematres.befdata.biow.uni-leipzig.de/vocab/?tema=622"
            },
            "label":{
               "type":"literal",
               "xml:lang":"en",
               "value":"16s rrna"
            }
         },
         {
            "uri":{
               "type":"uri",
               "value":"http://tematres.befdata.biow.uni-leipzig.de/vocab/?tema=917"
            },
            "label":{
               "type":"literal",
               "xml:lang":"en",
               "value":"16s rrna gene analysis"
            }
         },
         {
            "uri":{
               "type":"uri",
               "value":"http://tematres.befdata.biow.uni-leipzig.de/vocab/?tema=618"
            },
            "label":{
               "type":"literal",
               "xml:lang":"en",
               "value":"18s rdna"
            }
         }
      ]
   }
}

Is there any way to get only the uri value and the corresponding label value in a map or so, to fill a table with these values later.

Your question title is asking how to parse some JSON. Your question body gives an example of JSON, but then asks about how to extract specific data from the resulting JavaScript object. What problem are you actually having? — Quentin, Sep 09 '14 at 10:17

score 1 · Answer 1 · answered Sep 09 '14 at 10:32

1

Use map to extract the information you need into an array. Here I've added the label and URIs to objects that you can loop over when you need to:

var results = json.results.bindings.map(function (el) {
    return { uri: el.uri.value, label: el.label.value };
});

DEMO

answered Sep 09 '14 at 10:32

Andy

61,948
13
68
95

Thanks a lot! This is actually a better solution than the one provided above! – auicsc Sep 09 '14 at 10:35

john Smith · Accepted Answer · 2014-09-09T10:32:13.163

0

you can simply iterate over like

json = "your json";

yourMap = [];
for(var i = 0; i < json.results.bindings.length; i++){ 

    yourMap[i]= [json.results.bindings[i].uri.value, json.results.bindings[i].label.value ];


}
console.log(yourMap);

here you have a working fiddle

http://jsfiddle.net/xyek6wda/4/

check the console output, it outputs an array containing the uri and label pairs

edited Sep 09 '14 at 10:32

answered Sep 09 '14 at 10:19

john Smith

17,409
11
76
117

why downvoting the solution ? – john Smith Sep 09 '14 at 10:23
@john the fiddle didnt work for me, neither on Chrome nor on IE8, upvoted though – auicsc Sep 09 '14 at 10:25
@auicsc you must check the console output ;-) – john Smith Sep 09 '14 at 10:26
1

It doesn't answer the question. – Andy Sep 09 '14 at 10:27
@Andy now it does, just added .value -.- – john Smith Sep 09 '14 at 10:28
Thanks! but how can I map the two? For example, I would like to fill a select with `id=uri.value` and the text to be `label.value` – auicsc Sep 09 '14 at 10:31
made an update, simply pushed into an array, also updated fiddle – john Smith Sep 09 '14 at 10:32
youre very welcome, most important is you get the idea and can reproduce such case at any time again on your own – john Smith Sep 09 '14 at 10:38

Extract values from JSON text in Javascript?

2 Answers2