javascript - 使用串联和传递的参数循环遍历数组

Question

var Animals = {
    "Europe": { "weasel.jpg": "squeak", "cow.jpg": "moo"},
    "Africa": { "lion.jpg": "roar", "gazelle.jpg": "bark"},         
};

function region(a){
    var b = "Animals."+a;
    for(var index in b) {
        var target = document.getElementById('div1');
        var newnode = document.createElement('img');
        newnode.src = index;
        target.appendChild(newnode)
    }
}

相关的 HTML

<li onclick="europe('Europe')">Europe</li>

目标:点击欧洲<li> ，将 Europe 一词传递到我的区域函数中，然后将其连接起来生成 Animals.Europe

这是为了使用 for(var index in Animals.Europe) 识别顶部对象结构中的数组。环形。为什么生成 Animals.Europe 的串联没有像我输入的那样处理？

此外，您可以看到我使用数组来存储不同动物的图像来源和描述。使用我有限的编码知识，这就是我能想到的。有没有一种更简单的方法来存储图像/描述数据以便在 HTML 中生成？

Answer 1

“动物。” + a 只是一个字符串值，例如“Animals.Europe”，与 Animals.Europe 不同。如果您将第一行更改为 var b = Animals[a];，您应该已经准备就绪。

编辑:正如 elclanrs 指出的那样，它应该是 region('Europe')，而不是 europe('Europe')。