Question

I don’t seem to understand how to access an objects value properly.

My object:

  // countrycode: "Radio station name"
  var radioStations = {
    fi: "Foo",
    hu: "Bar",
    am: "Baz"
  };

Then I have a variable called code which comes from a jQuery plugin, and has the countrycode of the country the user is mouseovering on a vector map.

I’d need to use code to add the radio stations name into the tooltip in here:

onLabelShow: function(event, label, code){
  if ( code in radioStations ) {
    label.text(radioStations.code); // <- doesn't work
  } else  { // hide tooltips for countries we don't operate in
    event.preventDefault();
  }
},

Answer 1

You need to us array notation to access the object by a variable. Try this:

onLabelShow: function(event, label, code){
    if (code in radioStations) {
        label.text(radioStations[code]);
    } 
    else  { 
        event.preventDefault();
    }
},

Example fiddle