Javascript 若索引超出数组的边界,则将索引设置为最近的边界

Javascript 若索引超出数组的边界,则将索引设置为最近的边界,javascript,arrays,algorithm,math,Javascript,Arrays,Algorithm,Math,假设我们有一个长度为1到 我们可以通过单击DOM中显示的向上或向下导航的按钮来向上或向下导航这个数组(想想分页) 我们希望导航在超出下限时停止,或者在导航超出上限时停止 当我们到达下限时,通过值-1 当我们到达上限时,我们将通过值(>array.length-1)知道这一点 我们的函数接受参数索引,如图所示 function goToChapter( index ){ // compute value of index to within bounds. return array[ in

假设我们有一个长度为1到

我们可以通过单击DOM中显示的向上或向下导航的按钮来向上或向下导航这个数组(想想分页)

我们希望导航在超出下限时停止,或者在导航超出上限时停止

当我们到达下限时,通过值-1

当我们到达上限时,我们将通过值(>array.length-1)知道这一点

我们的函数接受参数索引,如图所示

function goToChapter( index ){
  // compute value of index to within bounds.
  return array[ index ];
}
假设我们所要做的就是使用computed-within-bounds索引从返回的数组中获取一个值

例子

我意识到这可以通过一些if语句来实现,我正在寻找一种方法来使用某种数学公式

  • 将任何负数转换为0
  • 保留任何正数
  • 使用数组的长度确定何时返回上限
  • 更新

    我同意安德的回答。我已经添加了足够多的内容,如果您觉得这很有帮助并想测试它,可以将解决方案复制粘贴到控制台中

    var array = [0,1,2,3,4];
    
    function goToChapter( index, array ){
      return array[(Math.min( array.length - 1, Math.max( 0, index )))];
    }
    
    goToChapter( -1, array ); => 0;
    
    goToChapter( 3, array ); => 3;
    
    goToChapter( 8, array ); => 4;
    
    谢谢,还有

    注意:

    我也发现这很有帮助,但没有那么快

    function setWithinArrayBounds( index, array ){
      return !!index ? 0 : index > ( array.length - 1 ) ? ( array.length - 1 ) : index;
    }
    

    这称为钳制值,以将其限制在指定范围内

    您可以使用
    min()
    max()
    如下所示:

    function goToChapter(array, index ){
        myIndex = Math.min(array.length-1, Math.max(0, index));
        return array[ myIndex ];
    }
    
    另一种方法是使用嵌套的三元运算符,例如

    function goToChapter(array, index ){
        myIndex = index < 0 
            ? 0
            : index >= array.length
                ? array.length - 1
                : index;
        return array[ myIndex ];
    }
    
    或者使用顺序
    if
    语句对此进行修改

    function goToChapter(array, index ){
        myIndex = index;
    
        if (myIndex < 0) {
            myIndex = 0;
        }
    
        if (myIndex >= array.length) {
            myIndex = array.length-1;
        }
    
        return array[ myIndex ];
    }
    
    函数goToChapter(数组、索引){
    myIndex=指数;
    如果(myIndex<0){
    myIndex=0;
    }
    if(myIndex>=array.length){
    myIndex=array.length-1;
    }
    返回数组[myIndex];
    }
    
    我喜欢这个,你能把我的数组改成仅仅是数组,并包括数学吗。在最小值和最大值中,以及包含实际数组和返回值。这样,有人就可以把你的答案复制粘贴到控制台上,然后测试出来;我接受你的答案。对于这样的事情,我总是在一些实用程序类中定义一个静态
    clapm(min,max,value)
    函数。
    function goToChapter(array, index ){
        if (index < 0) {
            myIndex = 0;
        } else if (index >= array.length) {
            myIndex = array.length-1;
        } else {
            myIndex = index;
        }
    
        return array[ myIndex ];
    }
    
    function goToChapter(array, index ){
        myIndex = index;
    
        if (myIndex < 0) {
            myIndex = 0;
        }
    
        if (myIndex >= array.length) {
            myIndex = array.length-1;
        }
    
        return array[ myIndex ];
    }