javascript - 根据变量的值编辑不同的对象

Question

我正在尝试根据用户单击的按钮更改不同的变量。例如，我有三个按钮:

<button id="button1" onclick="isClicked(this.id)">B1</button>
<button id="button2" onclick="isClicked(this.id)">B2</button>
<button id="button3" onclick="isClicked(this.id)">B3</button>

3 个对象:

var button1 = { someValue: 0, otherValue: 5 };
var button2 = { someValue: 0, otherValue: 5 };
var button3 = { someValue: 0, otherValue: 5 };

所单击的按钮的 ID 会像这样传递到 JavaScript 中

function isClicked(clicked_id) {
    selectedID = (clicked_id);
}

我想要实现的是根据单击的按钮将值应用于变量 - 因此，如果单击button1，则button1对象被更改，但如果单击button2，则button2对象被更改.

我看过Programmatically setting the name of a variable和 Programmatically set variable names by appending an ID parameter但我看不出它们在我的情况下会如何工作。

有没有有效的方法来做到这一点？

Answer 1

嵌套您的对象:

var buttons = {
    button1 : { someValue: 0, otherValue: 5 },
    button2 : { someValue: 0, otherValue: 5 },
    button3 : { someValue: 0, otherValue: 5 }
};

现在:

function isClicked(clicked_id) {
    var theClickedButtonObject = buttons[clicked_id];
    // do something
}