Question

I’ve got a json file included in my javascript that defines a variable that looks like this:

var places_json = {
  "count": 13476,
  "places": [{
      "area": "London",
      "county": "STS",
      "lat": 52.300151820000004,
      "lon": -2.36665606,
      "code": "7567",
      "id": 1
    },
    {
      "area": "Sheffield",
      "county": "STS",
      "lat": 51.33648680000003,
      "lon": 0.98861179000000001,
      "code": "9919",
      "id": 6
    },
    {
      "area": "Huxton",
      "county": "STS",
      "lat": 53.27483902,
      "lon": -1.0146250700000001,
      "code": "9953",
      "id": 11
    },
  ]
}

And I want to retrieve the value of area for the entry whose id is 11, using Javascript.

Does anyone know how to do this? It’s too hard for me – my Javascript is not that advanced. If I knew the array index of the entry that I need, then I could do:

var entry = json_places.places[i] 

but I don’t know it, unfortunately, just the value of id (which is unique).

Thanks in advance.

Answer 1

Simply loop through your places to find the proper item.

var area = null;
for(var i = 0; i < json_places.places.length; i++) {
  if(json_places.places[i].id == 11) {
    area = json_places.places[i].area;
    break;
  }
}

alert(area);

If you want a function to do it for you, you can run the following:

json_places.get_place = function(id) {
   return (function(id) {
             for(var i = 0; i < this.places.length; i++) {
               if(this.places[i].id == id) {
                 return this.places[i];
               }
             }

             return null;
           }).apply(json_places, id);
}

Then you can simply do the following:

alert(json_places.get_place(11).area);