javascript - 动态更改变量名称

Question

var x = [];

$('input').click(function(){
  $(this.value).push('Hello'); //x.push('Hello');
  alert(x) //Expected Result: 'Hello'
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='button' value='x'>

我想将值 Hello 推送到标识符等于被单击按钮的值的标识符的局部变量数组。例如，如果单击带有 value="x" 的按钮，我希望更新 var x = ...。同样，如果单击 value="y"，则应更新 var y = ...。

这可能吗？

Answer 1

最简单的方法是使用一个对象来包含您的变量。默认情况下，使用 window 对象，但这是不好的做法。您可以自己包装变量，如下所示:

var values = {
  x: [],
  y: [],
  z: []
};

$('input').click(function(){
  values[this.value].push('Hello'); //x.push('Hello');
  alert(values[this.value]) //Expected Result: 'Hello'
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='button' value='x'>
<input type='button' value='y'/>
<input type='button' value='z'/>