通过连接字符串和整数引用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>