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

时间:2014-09-29 16:55:37

标签: javascript loops if-statement

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

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

我很好奇是否有办法在一行(ish)中写这个,如果我想能够支持100步(总滑块值的除法),则没有100 else if行。

 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个,但想象一下......

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

做类似的事情:

if x < 0 { return };
var f = Math.ceil(x / framefraction);
console.log(`frame` + f);
frameselector(f - 1);
$(`#framecounter`).html("FRAME " + f);

答案 1 :(得分:1)

一种可能的方法:

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