javascript - 通过 if else 语句显示具体的输出

Question

我正在研究如何根据用户输入在 dat.gui 界面的下拉列表中显示条目，但我遇到的问题与 dat.gui 编程无关，而是我缺乏 javascript 技能.

我有两个列表，一个显示 Starsystem 和 0 和 1 作为名称。 另一个是 Planets，它显示了 Starsystem 中的特定行星。 我该如何编写此语句，以便这两个数组仅在选择 0 或 1 时显示？

var jumpSwitcher = 0;

    this.Starsystems = 'dat.gui';
//Starsystem list
    gui.add(this, 'Starsystems', ['0', '1']).onChange(function(value) {
        if (value === '1') {
            jumpSwitcher = 1;
        }
    });

    this.Planets = 'dat.gui';
//if the var jumpSwitcher is 0, display these variables in the Planets array.
    if (jumpSwitcher === 0) {
        Planets = ['Mercury', 'Venus', 'Earth', 'Mars', 'Jupiter', 'Saturn', 'Uranus', 'Neptune'];
    } 

//if the jumpSwitcher is 1, meaning if the user has clicked on "1" under the Starsystem, show these planets. 
    else if (jumpSwitcher === 1) {
        Planets = ['Ilos', 'Tuchanka', 'Palaven', 'Illium'];
    }

    gui.add(this, 'Planets', Planets).name("Planets in this system").onChange(function(value) {
    });

我会说这应该可行，但不知何故却行不通。当我简单地使语句中的条件类似于 if (1>0) {show 1} else {show 2} 时，它就会发生。

附言:

var jumpSwitcher = 1;  
    this.Starsystems = 'dat.gui';
gui.add(this, 'Starsystems', ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']).onChange(function(value) {

    jumpSwitcher = +value;

});

this.Planets = 'dat.gui';

switch (jumpSwitcher) {
    case 1:    
        gui.add(this, 'Planets', ['Mercury', 'Venus', 'Earth', 'Mars', 'Jupiter', 'Saturn', 'Uranus', 'Neptune']).name("Planets in this system").onChange(function(value) {

        });    

        break;
    case 2:    
        gui.add(this, 'Planets', ['Ilos', 'Tuchanka', 'Illium', 'Palaven']).name("Planets in this system").onChange(function(value) {

        });

        break;    
}

Answer 1

您需要重置jumpSwitcher

改变

if (value === '1') {
    jumpSwitcher = 1;
}

到

jumpSwitcher = +value;

这会将 jumpSwitcher 设置为一个数值。

另一种解决方案可能是改变数组内部的值以获取数值而不是字符串，如果这些值是连接的。

gui.add(this, 'Starsystems', [0, 1]).onChange(function(value) {
//                           ^^^^^^
    jumpSwitcher = value;
});