Cómo recuperar variables con nombres dinámicos

leonardo_josue · #1 (**permalink**) 25/07/2013, 09:21

Buenas tardes a todos los foristas:

Estoy revisando algunos códigos que dejó un compañero que ya no trabaja en la empresa y veo que tiene mucho código repetitivo... por ejemplo me he encontrado con una función que contiene lo siguiente:

Código Javascript:

Ver originalvar variable1 = new Array();
var variable2 = new Array();
var variable3 = new Array();
var variable4 = new Array();
var variable5 = new Array();
 
 
function actualizaVariable(a)
{
....
 switch (a) {
            case 1:
              variable1 = [campo1, campo2, campo3, campo4, campo5, campo6];
              break;
            case 2:
              variable2 = [campo1, campo2, campo3, campo4, campo5, campo6];
              break;
            case 3:
              variable3 = [campo1, campo2, campo3, campo4, campo5, campo6];
              break;
            case 4:
              variable4 = [campo1, campo2, campo3, campo4, campo5, campo6];
              break;
            case 5:
              variable5 = [campo1, campo2, campo3, campo4, campo5, campo6];
              break;
end;
....
}

antes y después del switch hay código adicional, por eso los puntos suspensivos...

Este switch() en realidad es más amplio, son casi 40 casos y cerca de 35 campos en cada asignación, por lo que se imaginaran que el código resultante es inmenso... mi pregunta es si en javascript hay alguna forma de asignar valores variables de manera dinámica. Si observan todos los arreglos que se declaran antes de la función varian sólo por un índice, por lo tanto el nombre de la variable que se tiene que asignar podría constuirse como una concatenación, es decir, todo este switch podría cambiarse por algo tan simple como esto:

Código Javascript:

Ver original"variable" + indice = [campo1, campo2, campo3, campo4, campo5, campo6];

La pregunta es si es posible hacer algo como esto con javascript... hay alguna manera de poder referenciar una variable construyendo su nombre de manera dinámica???

De antemano muchas gracias por el apoyo

Saludos
Leo.

chwc · #2 (**permalink**) 25/07/2013, 09:50

mira, o se donde estan las variables almacenadas. pero si fueran globales podes hacer esto

Código Javascript:

Ver originalfor(var i = 1;i<6;i++){
  var variableElegida = window.['variable'+i]
console.log(variableElegida);
}

de todos modos no es recomendable lo que esta haciendo ahí, utiliza arrays dentro de arrays mejor

Aijoona · #3 (**permalink**) 25/07/2013, 10:08

Pequeña corrección:

Es

Código Javascript:

Ver originalwindow['variable'+i]

En lugar de

Código Javascript:

Ver originalwindow.['variable'+i]

leonardo_josue · #4 (**permalink**) 25/07/2013, 11:09

Hola Aijoona y chwc:

Antes que nada, gracias por contestar:

Probé la solución que me indicaron, sin embargo no me funcionó

Encontré esta página donde me ofrecen la misma solución:

http://www.etnassoft.com/2011/01/05/...-alternativas/

Sin embargo al querer implementarla simplemente no se asigna el valor a la variable, hice un pequeño ejemplo con una página JSP así:

Código HTML:

Ver original<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
    <script>
      function prueba(indice)
      {
        var ren1 = 'nada';
        alert(indice);
        alert(ren1);
        //eval('ren' + indice + '=\'algo\'');
        window['ren' + indice] = 'algo';
        alert("ren1: " + ren1);              
      }
    </script>
  </head>
  <body>
    <h1>Hello World!</h1>
    <form id="forma">
      <input type="button" onclick="prueba('1');" value="Prueba" />
    </form>
  </body>
</html>

Cuando lo ejecuto con la función window simplemente no actualiza el valor, al hacer el último alert me regresa como resultado:

Código:

ren1: nada

Es decir, no me actualiza el valor de la variable... si observan tengo comentada una línea donde utilizo EVAL, que es otra de las alternativas que encontré en la página que mencioné al inicio... cuando utilizo EVAL en lugar de window si me ejecuta correctamente el resultado y obtengo lo siguiente:

Código:

ren1: algo

En realidad no veo nada distinto a lo que aquí me comentan, no sé por qué razón la función window no funciona... alguno de ustedes sabe por qué

Por lo pronto utilizaré la forma EVAL que si funciona, aunque tengo algo de recelo por lo que aparece al inicio del mismo documento:

Cita:

“eval es el mal: la función eval es la mayor característica en el mal uso de Javascript. Evítala.”
Douglas Crockford, JavaScript: The Good Parts

Saludos!
Leo