javascript - 有没有一种简单的方法可以使用 Javascript 创建动态变量？

Question

我构建了一个数据驱动的谷歌地图，其中包含不同的图标，这些图标根据所定位的项目类型分配给 map 。因此，如果我有 5 种类型的地标，并且每种都有不同的图标(商店、图书馆、医院等)——我想要做的是动态生成谷歌图标对象。我在想这样的事情:

types = array('hospital','church','library','store',etc);
var i=0;
while (i<=types.length) {

    var landmark + i = new google.maps.Icon();
    landmark.image = "icon" + i + ".png";
    i++;
    } 

但是，正如您可能已经猜到的那样，这不起作用。我也尝试过使用 eval，如下所示:

while (i<=types.length) {
        doIcon(i);
        i++;
    }   

    function doIcon(i){ 
        eval("var landmark" + i + " = new.google.maps.Icon();");
        return eval("landmark" + i);
    }

但它也不起作用——我很感激任何有关动态生成 JavaScript 变量的指示。它必须是纯 js，我可以用 PHP 来完成，但这不是这里的选择。

谢谢!

Answer 1

这真的很容易做到:object["variablename"] =whatever;

例如，您可以有一个对象:var Landmarks = {}，您可以像这样添加它:Landmarks["landmark"+ i] = new google.maps。 Icon(); 并以这种方式传递它。

如果您需要这些变量全局(为什么？)，您可以使用window直接访问全局对象。