從兩個連接的字符串中獲取變量數據

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>