使用JavaScript动态变量名

使用JavaScript动态变量名 | Lenix Blog

在编程中，动态变量名称在脚本中没有硬编码的特定名称。它们使用来自其他来源的字符串值动态命名。JavaScript 中很少使用动态变量。但在某些情况下，它们很有用。与 PHP 不同，JavaScript中没有动态变量名的特殊实现。但是通过使用其他一些方法也可以获得类似的结果。在 JavaScript 中，可以使用下面给出的 2 种方法/方式来实现动态变量名称。

eval()： eval() 函数计算在参数中表示为字符串的 JavaScript 代码。字符串作为参数传递给 eval()。如果字符串表示表达式，则 eval() 计算表达式。在 eval() 中，我们传递一个字符串，其中声明了变量valuei ，并为每次迭代分配了i的值。eval() 函数执行此操作并使用分配的值创建变量。下面给出的代码实现了使用 eval() 创建动态变量名。

<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>

值1=1
值2=2
值3=3
值4=4

Window 对象： JavaScript 总是定义一个全局对象。当程序创建全局变量时，它们被创建为全局对象的成员。window 对象是浏览器中的全局对象。任何全局变量或函数都可以通过 window 对象访问。在定义了一个全局变量之后，我们可以从 window 对象中访问它的值。下面给出的代码使用窗口对象实现动态变量名称。因此，代码基本上为 i 的每次迭代创建一个动态名称为“valuei”的全局变量，并为其分配一个i的值。稍后，这些变量可以在脚本中的任何地方访问，因为它们成为全局变量。

<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>

值1=1
值2=2
值3=3
值4=4

以上就是关于“使用JavaScript动态变量名”介绍，希望对大家能够有所帮助。