What is wrong with this javascript object?

Question

I think it is pretty clear what I want to do here:

var viewnames = {};
viewnames['region-a'] = "Region A";
viewnames['region-b'] = "Region B, partial";
viewnames['region-c'] = "Region C";

function loadView(view_name) {
    alert('view_name: ' + view_name);
    alert('viewname: ' + viewnames.view_name);
    document.getElementById("viewtitle").innerText = view_name;
}

But if I call it using view_namehow region-a, the warning tells viewnames.view_nameundefined. What is the problem?

Answer 1

You must use viewnames[view_name]inside your functionloadView

Answer 2

You need to index it by name, for example. viewnames[view_name]

Answer 3

Access it using the associative array index ( viewnames[view_name]). Please do NOT use construct eval( eval("var tmp = viewnames." + view_name + ";")).