Javascript：当一个变量为true时，将所有其他变量设置为false

Question

有没有可能将变量组合在一起，这样当一个为真时，其他变量返回假？

举个例子:我有三个变量，红，绿，蓝。最初红色是< code >真，而蓝色/绿色是< code >假，但是当用户按空格键时，绿色变成< code >真。此时，我希望红色变为< code>false。如果用户随后按下tab键，蓝色将变为< code>true，红色/绿色将变为< code>false。

如果这是一个非常基本的问题，我应该可以使用谷歌找到，我很抱歉。我试过窥探SO，但运气不好。感谢任何关于如何解决这个问题的帮助或想法。

Answer 1

不，但是有不同的方法来近似它，这取决于你想做什么。

为什么不只使用一个名为＜code＞color＜/code＞或其他变量，并将其值设置为＜code＜“red”＜/code＜或＜code＞“green”＜/code＞或其他值？如果您让用户从下拉菜单或单选按钮中选择一些内容，这可能是最简单的方法。

Answer 2

根据您要完成的任务，您可以创建一个类似的对象，例如:

var color = (function() {
    // set a default here
    var state = { red: true, green: false, blue: false };
    return {
        toggle: function(color) {
            Object.keys(state).forEach(function(k) {
                state[k] = (k == color) ? true : false;
            });
        },
        state: function() { 
            Object.keys(state).forEach(function(k) {
                console.log("[color] %s: %o", k, state[k]); 
            });
        }
    }
})();

color.toggle('red');
color.state();
color.toggle('green');
color.state();
color.toggle('blue');
color.state();