¿Cómo usar nombres de variables dinámicas en JavaScript?

En programación, los nombres de variables dinámicas no tienen un nombre específico codificado en el script. Se nombran dinámicamente con valores de string de otras fuentes. Las variables dinámicas rara vez se usan en JavaScript. Pero en algunos casos son útiles. A diferencia de PHP, no existe una implementación especial de nombres de variables dinámicas en JavaScript. Pero se pueden lograr resultados similares usando otros métodos. En JavaScript, los nombres de variables dinámicas se pueden lograr mediante el uso de 2 métodos/formas que se indican a continuación.

  • eval(): la función eval() evalúa el código JavaScript representado como una string en el parámetro. Se pasa una string como parámetro a eval(). Si la string representa una expresión, eval() evalúa la expresión. Dentro de eval(), pasamos una string en la que se declara la variable valuei y se le asigna un valor de i para cada iteración. La función eval() ejecuta esto y crea la variable con los valores asignados. El código que se proporciona a continuación implementa la creación de nombres de variables dinámicas utilizando eval().

    Ejemplo:

    <script>
        var k = 'value';
        var i = 0;
        for(i = 1; i < 5; i++) {
            eval('var ' + k + i + '= ' + i + ';');
        }
        console.log("value1=" + value1);
        console.log("value2=" + value2);
        console.log("value3=" + value3);
        console.log("value4=" + value4);
    </script>

    Producción:

    value1=1
    value2=2
    value3=3
    value4=4
  • Objeto de ventana: JavaScript siempre tiene un objeto global definido. Cuando el programa crea variables globales, se crean como miembros del objeto global. El objeto ventana es el objeto global en el navegador. Se puede acceder a cualquier variable o función global con el objeto de ventana. Después de definir una variable global, podemos acceder a su valor desde el objeto de la ventana. El código que se proporciona a continuación implementa nombres de variables dinámicas utilizando el objeto de ventana. Entonces, el código básicamente crea una variable global con el nombre dinámico «valuei» para cada iteración de i y le asigna un valor de i . Posteriormente, se puede acceder a estas variables en el script en cualquier lugar, ya que se convierten en variables globales.

    Ejemplo:

    <script>
        var i;
        for(i = 1; i < 5; i++) {
            window['value'+i] = + i;
        }
      
        console.log("value1=" + value1);
        console.log("value2=" + value2); 
        console.log("value3=" + value3); 
        console.log("value4=" + value4);
    </script>

    Producción:

    value1=1
    value2=2
    value3=3
    value4=4

    JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .

Publicación traducida automáticamente

Artículo escrito por SnehashishKalamkar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *