¿Puedo hacer referencia a una variable usando una cadena?

Question

Decir que tengo la siguiente JS:

var foo_index = 123; 
var bar_index = 456; 

Y el código HTML siguiente:

<div id="foo"></div> 
<div id="bar"></div> 

Entonces me gustaría decir esto:

thisIndex = this.id + '_index' 

Y me gustaría que thisIndex sea un número. ¿Cómo convierto la cadena, que es exactamente el nombre de la variable, en una variable?

Answer 1

Puede. Si foo_index y bar_index son variables globales, sólo tiene que hacer:

var thisIndex = window[this.id + '_index']; 

Answer 2

se debería poner las variables en un objeto, como esto:

var indices = { 
    foo: 123, 
    bar: 456 
}; 

var thisIndex = indices[this.id]; 

Este código utiliza JSON sintaxis un objeto literal para definir un objeto con dos propiedades y usos [] acceder a una propiedad por su nombre.

También puede escribir

var indices = new Object; 
indices.foo = 123; 
indices["bar"] = 456; 

Answer 3

puede intentar utilizar la función eval:

http://www.w3schools.com/jsref/jsref_eval.asp

que hace exactamente lo que necesita.

Answer 4

Para responder a su pregunta, puede utilizar la función de eval para evaluar una cadena:

thisIndex = eval(this.id + '_index'); 

Sin embargo, el uso de la función eval es generalmente un signo de código mal construido. Creo que debería usar una matriz asociativa en su lugar:

var numbers = { foo: 123, bar: 456 }; 
thisIndex = numbers[this.id]; 

Answer 5

window["myvar"] = 'hello'; 

alert(myvar); 

Answer 6

no estoy seguro de qué es lo que quiere lograr, pero tal vez este enfoque podría ser mejor (que depende de algunos factores como la versión de HTML utiliza como @Andy E puntos en comentarios a continuación):

<div id="foo" index="123"></div> 
<div id="bar" index="456"></div> 
<script> 
    var fooIndex = document.getElementById("foo").getAttribute("index"); 
</script> 

Aquí valor de index se mantiene junto con el elemento HTML correspondiente.

Answer 7

Creo que quieres algo como esto:

// put your properties in an object of some kind 
var dictionary = 
{ 
    foo_index: 123, 
    bar_index: 456 
}; 

// you can set further properties with property syntax 
dictionary.again_index = 789; 

// or dictionary syntax - same result 
dictionary['another_index'] = 012; 

// then function to get the number value from the index name becomes 
var thisIndex = Number(dictionary[this.id + '_index']);