Get object from JSON with jQuery

Question

I'm trying to query a JSON file in my own server using $.getJSON and then cycling inside the objects. No problem so far, then i have an ID which is the name of the object i want to return, but can't seem to get it right:

  var id = 301;
  var url = "path/to/file.json";
  $.getJSON( url, function( json ) {
    var items = [];
    items = json;
    for (var i = 0; i < items.length; i++) {
      var item = items[i];
      console.log(item);
    }
  });

This prints the following in the console:

Now let's say i want return only the object == to id so then i can refer to it like item.banos, item.dorms etc.

My first approach was something like

console.log(json.Object.key('301'));

Which didn't work

Any help would be very much appreciated.

Possible duplicate of [Access / process (nested) objects, arrays or JSON](http://stackoverflow.com/questions/11922383/access-process-nested-objects-arrays-or-json) — Michał Perłakowski, Sep 02 '16 at 14:28

score 3 · Accepted Answer · answered Sep 02 '16 at 14:21

3

It seems like your response is wrapped in an array with one element.

You can access object properties dynamically via square brackets:

var id = 301;
var url = "path/to/file.json";
$.getJSON(url, function(json) {
    console.log(json[0][id].banos);
});

answered Sep 02 '16 at 14:21

TimoStaudinger

41,396
16
88
94

This did it, care to explain a bit on why do i have to use square brackets twice? – user2770956 Sep 02 '16 at 14:28
`[0]` accesses the first (and in this case only) element in the wrapping array. `[id]` accesses the property `id` of the object extracted from the array in the first step. – TimoStaudinger Sep 02 '16 at 14:29
should i unwrap the array? – user2770956 Sep 02 '16 at 14:29
@TimoSta problem json is different object. Ur code example is correct. – KingRider Sep 02 '16 at 14:29
@user2770956 That is kind of what `[0]` does. If you remove the array from the response on the server side, you don't have to do it in JavaScript -- if that is what you meant. – TimoStaudinger Sep 02 '16 at 14:31
@KingRider Not sure what you are trying to say? – TimoStaudinger Sep 02 '16 at 14:32
@TimoSta im developer dom advanced, i say code example is correct. i not help more... look a Gothdo is link to learn. – KingRider Sep 02 '16 at 14:33
@KingRider what are you on about? – user2770956 Sep 02 '16 at 14:36

Rory McCrossan · Answer 2 · 2016-09-02T14:24:46.693

1

As you have the name of the property in the object you want to retrieve you can use bracket notation. you can also simplify your code because of this:

var id = 301;

//$.getJSON("path/to/file.json", function(json) {
  // response data from AJAX request:
  var json = {
    '301': {
      banos: 2
    },
    '302': {
      banos: 3
    },
    '303': {
      banos: 4
    },
    '304': {
      banos: 5
    },
  };

  var item = json[id];
  console.log(item);
//});

edited Sep 02 '16 at 14:24

answered Sep 02 '16 at 14:19

Rory McCrossan

331,213
40
305
339

Thanks for your help, but this returns undefined. Also i didn't downvote. – user2770956 Sep 02 '16 at 14:22
I added a working example. If this code doesn't work, then you need to add your actual JSON to the question, not an image of the console representation of it. – Rory McCrossan Sep 02 '16 at 14:22
@KingRider sorry, I have no idea what you're saying – Rory McCrossan Sep 02 '16 at 14:23
@KingRider kinda difficult to understand you, bro – user2770956 Sep 02 '16 at 14:23
@KingRider I'm not sure if you are serious or not. – user2770956 Sep 02 '16 at 14:24

score 0 · Answer 3 · edited Sep 03 '16 at 10:38

0

$.each(items,function(n,value){
    if(n==301)
        alert(value);
});

edited Sep 03 '16 at 10:38

dakab

5,379
9
43
67

answered Sep 03 '16 at 08:22

hackfox code

509
4
4

1

Please provide more details to your answer as this post has been found in low quality post. Code only and 'try this' answers are discouraged as it doesn't provide any searchable content and why people should 'try this'. – Paritosh Sep 03 '16 at 09:54

Get object from JSON with jQuery

3 Answers3