我想有一個變量看到它的值是另一個的名稱並採取其數組

Question

var t1 = document.getElementById('t1').value; 

var t2 = document.getElementById('t2').value; 

var VA = ["VA", 4, 10.8, 18]; 

var DE = [3, 10.9, 6]; 

var GA = [77, 23.3, 8]; 

var AA = [21, 11, 2]; 

var KS = [23, 10.3, 3]; 

var LE = [2, 11.7, 7]; 

var NA = [11, 14.3, 5]; 

var UA = [71, 15.1, 16]; 

我有一些上述代碼，並且我的第一個變量t1將有一個字符串值的任何其他變量（不包括t2），我希望它能看到並能夠使用其他數組。

T1或T2將有一個價值inputed如VA或DE

舉一個例子

T2可能inputed爲GA

和我的代碼，我希望它看到，T2是GA和cahnage t2到上面的變量GA。

Answer 1

您應該將這些變量創建爲對象屬性。下面是該解決方案將如何工作，然後：

var t1 = document.getElementById('t1'); 
 
var out = document.getElementById('out'); 
 

 
var vars = { 
 
    VA: ["VA", 4, 10.8, 18], 
 
    DE: [3, 10.9, 6], 
 
    GA: [77, 23.3, 8], 
 
    AA: [21, 11, 2], 
 
    KS: [23, 10.3, 3], 
 
    LE: [2, 11.7, 7], 
 
    NA: [11, 14.3, 5], 
 
    UA: [71, 15.1, 16] 
 
}; 
 

 
t1.oninput = function() { 
 
    var name = t1.value; 
 
    var value = vars[name]; 
 
    // Use value in any desired way. 
 
    out.textContent = JSON.stringify(value); 
 
}

Variable: <input id="t1"> (example: "VA")<br> 
 
Content: <span id="out"></span>

或者，具有兩個輸入，並就地替換爲您鍵入：

var t1 = document.getElementById('t1'); 
 
var t2 = document.getElementById('t2'); 
 

 
var vars = { 
 
    VA: ["VA", 4, 10.8, 18], 
 
    DE: [3, 10.9, 6], 
 
    GA: [77, 23.3, 8], 
 
    AA: [21, 11, 2], 
 
    KS: [23, 10.3, 3], 
 
    LE: [2, 11.7, 7], 
 
    NA: [11, 14.3, 5], 
 
    UA: [71, 15.1, 16] 
 
}; 
 

 
t1.oninput = t2.oninput = function(e) { 
 
    var name = e.target.value; 
 
    if (name in vars) { 
 
     var value = vars[name]; 
 
     // Use value in any desired way. 
 
     e.target.value = JSON.stringify(value); 
 
    } 
 
}

Variable 1: <input id="t1"> (example: "VA")<br> 
 
Variable 2: <input id="t2">