从两个连接的字符串中获取变量数据

Question

我想从变量“EDDBGnd”中获取数据。 调试段落应显示“这是一个测试”。

var Apt = "EDDB";
var Menu = "Gnd";
var EDDBGnd = "This is a test";

document.getElementById("debug").innerHTML = Apt.concat(Menu);

Answer 1

如果您能够使用不同的方法来存储数据，我建议您改用 object。 例如，这将允许您将 apt 作为可以容纳多个菜单的键。

它更复杂，但它可以让您轻松扩展 object 以获得更多数据，而不会弄乱变量。

 var data = { "EDDB": { "Gnd": "Test is a test", "Gnd2": "Test is also a test", } } document.getElementById("debug").innerHTML = data["EDDB"]["Gnd"]; document.getElementById("debug2").innerHTML = data["EDDB"]["Gnd2"];

 <div id="debug"></div> <div id="debug2"></div>

Answer 2

如果 EDDBGnd 是一个全局变量，你可以写

document.getElementById("debug").innerHTML = window[Apt+Menu];

Answer 3

尝试这样的事情：

document.getElementById("debug").elements[0].value = EDDBGnd;

Answer 4

您需要将 scope 全局变量到window object。

 var Apt = "EDDB"; var Menu = "Gnd"; var EDDBGnd = "This is a test"; document.getElementById("debug").innerHTML = window[window.Apt.concat(window.Menu)];

 <div id="debug"></div>

更好的方法是创建上下文或本地化文件（或对象）。

 const context = { 'EDDB': { 'Gnd': 'This is a test' } }; const Apt = 'EDDB'; // From GUI? const Menu = 'Gnd'; // From GUI? const getText = (Apt, Menu) => context[Apt][Menu]; document.getElementById("debug").innerHTML = getText('EDDB', 'Gnd');

 <div id="debug"></div>