有没有一种简单的方法来用Javascript创建动态变量？

Question

我已经建立了一个数据驱动的谷歌地图，根据不同的图标分配到地图，取决于所在物品的类型。因此，如果我有5种类型的地标，并且每个都有不同的图标（商店，图书馆，医院等） - 我想要做的就是动态生成Google图标对象。我在想这样的事情：

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); 
    } 

，但它没有工作either--我会很感激的动态生成JavaScript变量的指针。它必须是纯粹的js，我可以在PHP中完成，但这不是一个选项。

谢谢！

Answer 1

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

因此，例如，你可以有一个对象：var Landmarks = {}，你可以添加到它，像这样：Landmarks["landmark" + i] = new google.maps.Icon();，并通过这种方式。

如果您需要将这些变量设置为global（为什么？），您可以使用window直接访问全局对象。

Answer 2

你会更好，创建一个JavaScript对象，你可以有点像使用关联数组在PHP中使用：

var types = ['hospital','church','library','store']; 
var landmarks= {}; 
for (var i in types) { 
    landmarks[types[i]]= new google.maps.Icon(); 
    landmarks[types[i]].image = "icon" + i + ".png"; 
} 
alert(landmarks['hospital'].image); // displays "icon0.png" 

Answer 3

如果你要做到这一点使用声明的对象，如Landmark["landmark" + i] ，你真的不妨使用索引数组而不是联合数组，迭代更容易。对象是不是真的有索引的属性使用，因为阵列做它一个更好的工作：

var myObj =   // object version 
{ 
    "item0": "blah", 
    "item1": "blah" 
    // etc 
} 
var myArr =   // array version 
[ 
    "blah", 
    "blah" 
    // etc 
] 

更合理的使用数组：

landmarks = []; // new array 
types = array('hospital','church','library','store',etc); 
var i=0; 
while (i<=types.length) { 
    landmarks.push(new google.maps.Icon()); 
    landmarks[i].image = "icon" + i + ".png"; 
    i++; 
} 

它更有意义，这样做的和对象for...in环能有点凌乱与原型的属性是可枚举等

如果你想使一个变量全局，把它添加到窗口对象：

var myCustomVar = "landmark" + i; 
window[myCustomVar] = new google.maps.Icon(); 

alert(landmark0); 

但是这会污染具有许多不必要变量的全局名称空间。所以，你仍然会是一个数组更好：。

window.landmarks = []; 
landmarks.push(new google.maps.Icon()); 
// etc... 

Answer 4

就直接回答你的问题（虽然请注意，这是不是你想要的解决检查出其他的答案这仅仅是文档！），这里是从JavaScript控制台复制粘贴：

> window["myNamedVar"] = "Hello, World!"; 
> console.log(myNamedVar); 
    "Hello, World!" 

Answer 5

你真的需要这些变量？你能不能做到这一点：

var types = ['hospital','church','library','store'];  
for(var i =0; i < types.length; i += 1) (new google.maps.Icon()).image = "icon" + i + ".png"; 

所做的修改基于评论：

图标名称模式从图标+指数+改为png格式为图标+型+巴纽 和保存的结果循环。

types = ['hospital','church','library','store']; 
var landmarks = {}; 


// images names are of the form icon + type + .png 
function createIcon(type) 
{ 
    var icon = new google.maps.Icon(); 
    icon.image = "icon" + type + ".png"; 
    return icon; 
} 

// mapping of landamarks by type and icon 
for (var i = 0, len = types.length; i < len; i++) 
{ 
    landmarks[types[i]] = createIcon(types[i]); 
} 

结果是： { 医院：图标， 教堂：图标， ... }

其中图标是具有图像属性是一串一个谷歌地图图标表单“icon {type} .png”，例如iconhostpital.png，iconchurch.png。

要使用图标，请写入landmarks.type，其中type是一个类型数组中的名称，例如， landmarks.hospital。

如果图像名称的形式为图标+数字+ .png，并且每个类型的数字等于其数组中的索引，请将createIcon（type [i]）替换为createIcon（i）的调用createIcon（type [i]）。