如何檢查數字是否在兩個值之間？

Question

在JavaScript中，如果窗口大小大於500像素，我會告訴瀏覽器執行某些操作。我這樣做：

if (windowsize > 500) { 
    // do this 
} 

這很好，但我想應用這種相同的方法，但與一系列的數字。所以我想告訴我的瀏覽器做的東西，如果窗口大小在500和600px之間。我知道這是行不通的，但這是我想象的。

if (windowsize > 500-600) { 
    // do this 
} 

這甚至可能在JavaScript內？

Answer 1

if (windowsize > 500 && windowsize < 600) { 

Answer 2

我更願意把變量在裏面給予額外的暗示，代碼驗證我的變量之間的範圍值

if (500 < size && size < 600) { doStuff(); } 

Answer 3

我剛剛實施的jQuery該位顯示和隱藏bootstrap模態值。根據用戶文本框條目的值範圍顯示不同的字段。

$(document).ready(function() { 
    jQuery.noConflict(); 
    var Ammount = document.getElementById('Ammount'); 

    $("#addtocart").click(function() { 

      if ($(Ammount).val() >= 250 && $(Ammount).val() <= 499) { 
       { 
        $('#myModal').modal(); 
        $("#myModalLabelbronze").show(); 
        $("#myModalLabelsilver").hide(); 
        $("#myModalLabelgold").hide(); 
        $("#myModalPbronze").show(); 
        $("#myModalPSilver").hide(); 
        $("#myModalPGold").hide(); 
       } 
      } 
    }); 

Answer 4

我有一個時刻，所以，雖然你已經接受一個答案，我想我會帶來以下：

Number.prototype.between = function(a, b) { 
 
    var min = Math.min.apply(Math, [a, b]), 
 
    max = Math.max.apply(Math, [a, b]); 
 
    return this > min && this < max; 
 
}; 
 

 
var windowSize = 550; 
 

 
console.log(windowSize.between(500, 600));

JS Fiddle demo。

或者，如果你寧願要檢查數量是包括端點定義的範圍選項：

Number.prototype.between = function(a, b, inclusive) { 
 
    var min = Math.min.apply(Math, [a, b]), 
 
    max = Math.max.apply(Math, [a, b]); 
 
    return inclusive ? this >= min && this <= max : this > min && this < max; 
 
}; 
 

 
var windowSize = 500; 
 

 
console.log(windowSize.between(500, 603, true));

JS Fiddle demo。

編輯爲輕微修訂添加到上面，鑑於–作爲評價–

＆hellip注意到; Function.prototype.apply()很慢！除了在有固定數量的參數時調用它是毫無意義的......

這是值得取出使用Function.prototype.apply()，這將產生上述方法修改後的版本，首先沒有 '包容性' 選項：

Number.prototype.between = function(a, b) { 
 
    var min = Math.min(a, b), 
 
    max = Math.max(a, b); 
 

 
    return this > min && this < max; 
 
}; 
 

 
var windowSize = 550; 
 

 
console.log(windowSize.between(500, 600));

JS Fiddle demo。

並與 '包容性' 選項：

Number.prototype.between = function(a, b, inclusive) { 
 
    var min = Math.min(a, b), 
 
    max = Math.max(a, b); 
 

 
    return inclusive ? this >= min && this <= max : this > min && this < max; 
 
} 
 

 
var windowSize = 500; 
 

 
console.log(windowSize.between(500, 603, true));

JS Fiddle demo。

參考文獻：

• Function.prototype.apply()。
• Math.max()。
• Math.min()。

Answer 5

這是一個古老的問題，但可能對像我這樣的人有用。

lodash具有_.inRange()功能https://lodash.com/docs/4.17.4#inRange

例子：

_.inRange(3, 2, 4); 
// => true