javascript - 寻找一种方法来简化这个 if/else 语句。 javascript

Question

所以，我有一个函数(我正在使用 jquery ui 并在拖动事件上运行它，尽管对于这个问题我认为这并不重要)

基本上我有以下重复的if else代码:

我很好奇，如果我希望能够支持 100 个步骤(一个步骤的划分)，是否有一种方法可以将其写在一行(ish)中，而不需要 100 个 else if 行总 slider 值)。

 var thisPos =  $( ".sliderknob" ).position();

        var x = thisPos.left -  window['sliderhome'].left;

        console.log("(" + x + ")");

        l = Object.keys(obj_frameindex).length;

        framefraction = 290/l;

        if (x>-1 && x<framefraction){
            console.log('frame 1'); 
            frameselector(0); 
            $('#framecounter').html("FRAME " + 1);
        }
        else if (x>framefraction && x<framefraction*2){
            console.log('frame 2'); 
            frameselector(1); 
            $('#framecounter').html("FRAME " + 2);
        }
        else if (x>framefraction*2 && x<framefraction*3){
            console.log('frame 3'); 
            frameselector(2); 
            $('#framecounter').html("FRAME " + 3);
        }
        else if (x>framefraction*3 && x<framefraction*4){
           console.log('frame 4'); 
           frameselector(3); 
           $('#framecounter').html("FRAME " + 4);}    //etc..........

此处仅显示 4 个，但想象一下它会继续...

有什么想法吗？

Answer 1

一种可能的方法:

var frameNo = Math.max(0, Math.floor(x / framefraction)) + 1;
console.log('frame ' + frameNo);
frameselector(frameNo - 1);
$('#framecounter').html('FRAME ' + frameNo);