Có cách nào dễ dàng để tạo các biến động với Javascript?

Question

Tôi đã tạo bản đồ google theo hướng dữ liệu với các biểu tượng khác nhau được chỉ định cho bản đồ tùy thuộc vào loại mục nằm. Vì vậy, nếu tôi có 5 loại mốc, và mỗi được một biểu tượng khác nhau (cửa hàng, thư viện, bệnh viện, vv) - những gì tôi muốn làm là tạo ra các đối tượng biểu tượng google động. Tôi đã nghĩ như sau:

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

tuy nhiên, như bạn có thể đoán, điều này không hiệu quả. Tôi cũng đã thử sử dụng eval, như thế này:

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

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

nhưng nó không hoạt động - tôi đánh giá cao mọi con trỏ về việc tạo biến javascript động. Nó phải là js tinh khiết, tôi có thể làm điều đó trong PHP nhưng đó không phải là một lựa chọn ở đây.

Cảm ơn!

Answer 1

Nó thực sự dễ dàng để làm: object["variablename"] = whatever;

Vì vậy, ví dụ bạn có thể có một đối tượng: var Landmarks = {} và bạn có thể thêm vào nó như vậy: Landmarks["landmark" + i] = new google.maps.Icon(); và vượt qua nó như vậy.

Nếu bạn cần các biến này là toàn cầu (tại sao bạn?), Bạn có thể truy cập đối tượng toàn cầu trực tiếp bằng cách sử dụng window.

Answer 2

Bạn muốn được tốt hơn việc tạo ra một đối tượng javascript mà bạn có thể sử dụng một số giống như một mảng kết hợp được sử dụng trong 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

Nếu bạn đang đi để làm điều đó bằng cách sử dụng đối tượng tuyên bố như Landmark["landmark" + i] , bạn thực sự cũng có thể sử dụng một mảng chỉ mục chứ không phải là một kết hợp, nó dễ dàng hơn nhiều cho việc lặp lại. Đối tượng không thực sự sử dụng với bất động sản được lập chỉ mục bởi vì Mảng làm một công việc tốt hơn nhiều của nó:

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

Nhiều hơn nữa hợp lý để sử dụng các mảng:

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

Nó làm cho ý nghĩa hơn để làm điều đó theo cách đó và for...in vòng trên các đối tượng có thể nhận được một chút lộn xộn với những đặc tính prototyped là đếm được, vv

Nếu bạn đang cố gắng để tạo ra một biến toàn cầu, thêm nó vào đối tượng cửa sổ:

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

alert(landmark0); 

Nhưng điều này sẽ gây ô nhiễm không gian tên chung với nhiều biến không cần thiết. Vì vậy, bạn vẫn muốn được tốt hơn với một mảng:..

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

Answer 4

Chỉ cần trả lời câu hỏi của bạn trực tiếp (mặc dù xin lưu ý rằng đây không phải là giải pháp bạn muốn Kiểm tra các câu trả lời khác Đây chỉ là tài liệu hướng dẫn cho!), đây là bản sao chép từ bảng điều khiển JavaScript:

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

Answer 5

Bạn có thực sự cần những biến đó không?bạn không thể làm với điều này:

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

Modifications thực hiện dựa trên nhận xét:

tên biểu tượng mô hình thay đổi từ biểu tượng dấu + Chỉ số + .png để biểu tượng + loại + .png và lưu kết quả của vòng lặp.

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

kết quả là: { bệnh viện: biểu tượng, thờ: biểu tượng, ... }

nơi biểu tượng là một biểu tượng bản đồ google có một thuộc tính hình ảnh đó là một chuỗi các biểu mẫu "icon {type} .png", ví dụ: iconhostpital.png, iconchurch.png.

Để sử dụng các biểu tượng viết landmarks.type trong đó loại là một trong các tên trong mảng các loại, ví dụ: landmarks.hospital.

nếu tên hình ảnh có biểu tượng biểu mẫu + số + .png và số cho mỗi loại tương đương với chỉ mục trong mảng thay thế lệnh createIcon (loại [i]) cho createIcon (i).