如何在 JavaScript 中声明和使用动态变量？

Question

假设我需要声明一个基于计数器的 JavaScript 变量，我该怎么做呢？

var pageNumber = 1;
var "text"+pageNumber;

上面的代码不起作用。

Answer 1

在 JavaScript 中（据我所知）有两种方法可以创建动态变量：

1. 评估函数
2. 窗口对象

评估：

var pageNumber = 1;
eval("var text" + pageNumber + "=123;");
alert(text1);

窗口对象：

var pageNumber = 1;
window["text" + pageNumber] = 123;
alert(window["text" + pageNumber]);

Answer 2

由于您不知道其名称，您将如何访问该变量？ :) 您最好在对象上设置参数，例如：

var obj = {};
obj['text' + pageNumber] = 1;

如果你 - 真的 - 想要这样做：

eval('var text' + pageNumber + '=1');

Answer 3

我不认为你可以用 JavaScript 来做到这一点。我认为你可以用一个数组代替这个，

 var textArray=new Array();
    textArray[pageNumber]="something";     

Answer 4

假设变量在全局范围内，您可以执行以下操作：

var x = 1;
var x1 = "test"
console.log(window["x" + x]); //prints "test"

但是，更好的问题可能是您为什么想要这种行为。

Answer 5

您还可以将计数器包装在一个对象中：

var PageNumber = (function() {
  var value = 0;
  return {
   getVal: function(){return value;},
   incr: function(val){
            value += val || 1;
            this['text'+value]=true /*or some value*/;
            return this;
         }
   };
})();

alert(PageNumber.incr().incr().text2); //=>true
alert(PageNumber['text'+PageNumber.getVal()]) /==> true

Answer 6

可以在 JS 中使用this关键字来完成：

例如：

var a = [1,2,3];

for(var i = 0; i < a.length; i++) {
  this["var" + i] = i + 1;
}

然后当你打印时：

var0 // 1
var1 // 2
var2 // 3

Answer 7

我最近需要这样的东西。

我有一个这样的变量列表：

var a = $('<div class="someHtml"></div>'),b = $('<div class="someHtml"></div>'),c = $('<div class="someHtml"></div>');

我需要使用另一个变量来调用它们，该变量包含一个字符串，其中包含这些变量之一的名称，如下所示：

var c = 'a'; // holds the name of the wanted content, but can also be 'b' or 'c'

$('someSelector').html(eval(c)) // this will just use the content of var c defined above

只需使用 eval 来获取变量数据。

我已经做了

Answer 8

我知道很多其他答案都很好用，例如 window["whatever"] = "x"; 但我仍然会把我自己的答案放在这里，以防万一。

我的方法是使用 Object.assign：

let dict = {};
dict["test" + "x"] = "hello";
Object.assign(window, dict)

Answer 9

对 bungdito 的答案稍作改进，动态使用动态变量

var pageNumber = 1;
eval("var text" + pageNumber + "=123456;");
eval(`alert(text${pageNumber})`);

注意：强烈反对使用eval