javascript - 如何连接字符串和变量以在 JavaScript 中创建新变量？

Question

找到了一些针对 php 的解决方案，但找不到任何针对 javascript 的解决方案。

基本上，我正在尝试为页面上的 30 个按钮创建一堆事件监听器。目前它是这样写的:

problem1buttonEl.addEventListener("click", problem1);
problem2buttonEl.addEventListener("click", problem2);
problem3buttonEl.addEventListener("click", problem3);
problem4buttonEl.addEventListener("click", problem4);

现在我想创建一个 for 循环来使其更干净，如下所示:

for (var problemIncrement = 1; problemIncrement <= 30; problemIncrement++) {
'problem' + problemIncrement + 'buttonEl'.addEventListener("click", 
'problem' + problemIncrement);
}

问题是我需要向我的变量添加一个字符串，并使它们的结果也成为一个变量，因为这就是 ProblemXbuttonEl 的含义。

有什么办法可以做到这一点吗？

Answer 1

您可以使用括号表示法[]来获取这些变量，通常它们应该在window对象中定义，所以这就是您的代码:

for (var problemIncrement = 1; problemIncrement <= 30; problemIncrement++) {
    window['problem' + problemIncrement + 'buttonEl'].addEventListener("click", 
    window['problem' + problemIncrement]);
}

此处 window['problem' + ProblemIncrement + 'buttonEl'] 将引用您已定义的变量。