通过连接字符串和整数在 InnerHTML 中引用 Javascript 变量名称

Question

我有下面的 Javascript 函数，我希望通过将字符串与整数连接来动态引用 InnerHTML 中的变量，但这似乎不起作用（返回一个字符串）：

function TestFunction() {
    var activity_1 = "Hello World";
    var i = 1;
    var x = 'activity_' + i;
    document.getElementById("myTest").innerHTML = x;
}

提前致谢。

Answer 1

请检查此代码，让我知道它是否有效。

function TestFunction() {
    var obj = {activity_1:"Hello World"};
    var i = 1;
    var x = "activity_" + i;

    document.getElementById("myTest").innerHTML = obj[x];
}

TestFunction();

<div id="myTest"></div>

Answer 2

使用对象文字存储对变量的多个引用

var test = {
  activity_1: "Hello World",
  i: 1
}

var x = test.activity_1+' '+ test.i;

document.getElementById("xTest").innerHTML = x;

<div id='xTest'></div>

通过连接字符串和整数在 InnerHTML 中引用 Javascript 变量名称

Reference a Javascript variable name in InnerHTML by concatenating string and integer

javascript

concatenation

innerhtml