javascript - JS : Interpolate a variable into a variable

Question

这个问题已经有答案了:

Use dynamic variable names in JavaScript [duplicate] (18 个回答)

已关闭 5 年前。

在下面的代码中，我尝试为 4 个按钮设置文本。希望您能伸出援手:

allButtons[i].innerHTML = btn${i}; 

特别是

btn${i}

我试图将上面存储的文本传递给 .innerHTML，但到目前为止还没有成功。我尝试的大多数尝试导致:

Uncaught SyntaxError: Unexpected token {

问题:如何在 JS 中将变量插入到变量中？代码:

  var btn0 = "Load tasks from server";
  var btn1 = "Load tasks from Local Storage";
  var btn2 = "Create tasks";
  var btn3 = "Edit tasks";

  var allButtons = document.getElementsByTagName('button');

  function setText( btn0, btn1, btn2, btn3, allButtons ) {
    var allButtons = document.getElementsByTagName('button');

    for (i = 0; i < allButtons.length; i++) {
      console.log(i);
      allButtons[i].innerHTML = btn${i}; // interpolation issue
    }
  }

Answer 1

您无法以这种方式访问​​变量。最简单的解决方案是:

var btnTexts = ["Load tasks from server", "Load tasks from Local Storage", "Create tasks", "Edit tasks"];

var allButtons = document.getElementsByTagName('button');

function setText( allButtons ) {
    for (i = 0; i < allButtons.length; i++) {
        console.log(i);
        allButtons[i].innerHTML = btnTexts[i];
    }
}

// Then call the function using: setText(allButtons);