C'è un modo semplice per creare variabili dinamiche con Javascript?

Question

Ho creato una mappa google basata sui dati con icone diverse che vengono assegnate alla mappa in base al tipo di elemento individuato. Quindi, se ho 5 tipi di punti di riferimento, e ognuno ha un'icona diversa (negozio, biblioteca, ospedale, ecc.), Quello che mi piacerebbe fare è generare gli oggetti icona di Google in modo dinamico. Stavo pensando qualcosa del genere:

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

tuttavia, come probabilmente avete indovinato, questo non funziona. Ho anche provato ad utilizzare eval, in questo modo:

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

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

, ma non ha funzionato either-- Apprezzerei tutti i puntatori sulla generazione di variabili JavaScript in modo dinamico. Deve essere puro js, ​​potrei farlo in PHP ma non è un'opzione qui.

Grazie!

Answer 1

E 'davvero facile da fare: object["variablename"] = whatever;

Così, per esempio si potrebbe avere un oggetto: var Landmarks = {} e si potrebbe aggiungere ad essa in questo modo: Landmarks["landmark" + i] = new google.maps.Icon(); e passare in questo modo.

Se avete bisogno di queste variabili siano globale (perché dovreste?) Si può accedere all'oggetto globale direttamente utilizzando window.

Answer 2

Faresti meglio creare un oggetto JavaScript che si può usare un po 'come un array associativo viene utilizzato in 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

Se avete intenzione di farlo utilizzando un oggetto dichiarato come Landmark["landmark" + i] , si può anche usare un array di indici piuttosto che associativo, è molto più semplice per l'iterazione. Gli oggetti non sono realmente utilizzati con proprietà indicizzate perché Array fanno un lavoro molto migliore di esso:

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

Molto più sensato utilizzare la matrice:

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

Ha più senso per farlo in quel modo e for...in loop sugli oggetti possono ottenere un po 'confuso con proprietà la creazione del prototipo di essere enumerabile, ecc

Se stai cercando di fare un variabile globale, aggiungerlo all'oggetto finestra:

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

alert(landmark0); 

Ma questo sarebbe inquinare lo spazio dei nomi globale con molte variabili non necessarie. Quindi saresti ancora meglio con una matrice:..

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

Answer 4

Proprio per rispondere alla tua domanda direttamente (anche se si ricorda che questa non è la soluzione che si desidera controllare le altre risposte Questo è solo per la documentazione!), ecco un copia-incolla da una console JavaScript:

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

Answer 5

avete veramente bisogno di tali variabili?Non si può fare con questo:

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

modifiche fatte sulla base di commento:

nome dell'icona modello cambiato da icona + indice + .png sulle icone + tipo + .png e salvare i risultati del ciclo continuo.

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

il risultato è: { ospedale: icona, chiesa: icona, ...}

cui icona è una mappa icona di Google che ha un attributo dell'immagine che è una stringa di la forma "icona {tipo} .png", ad es. iconhostpital.png, iconchurch.png.

Per utilizzare le icone scrivere landmarks.type dove il tipo è uno i nomi nell'array di tipi, ad es. landmarks.hospital.

se i nomi di immagine sono dell'icona di modulo + numero + .png e il numero per ogni tipo è equivalente al suo indice nell'array sostituire la chiamata createIcon (tipo [i]) per createIcon (i).