Jak sprawdzić, czy liczba znajduje się między dwiema wartościami?

W JavaScript mówię przeglądarce, aby coś zrobiła, jeśli rozmiar okna jest większy niż 500 pikseli. Robię to tak:

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

To działa świetnie, ale chciałbym zastosować tę samą metodę, ale z zakresem liczb. Dlatego chciałbym powiedzieć mojej przeglądarce, aby zrobiła coś, jeśli rozmiar okna wynosi od 500 do 600 pikseli. Wiem, że to nie zadziała, ale tak sobie wyobrażałem:

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

Czy jest to w ogóle możliwe w JavaScript?

Sprawdza, czy wartość windowsizejest większa 500i mniejsza niż 600oznacza, że ​​żadna z wartości 500ani 600sama nie spowoduje, że warunek stanie się prawdziwy.

if (windowsize > 500 && windowsize < 600) {
  // ...
}

Miałem chwilę, więc chociaż już zaakceptowałeś odpowiedź, pomyślałem, że wniesie co następuje:

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));

Demo JS Fiddle .

Lub, jeśli wolisz mieć możliwość sprawdzenia, czy liczba należy do zdefiniowanego zakresu, w tym punktów końcowych :

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));

Demo JS Fiddle .

Zredagowano w celu dodania drobnej poprawki do powyższego, biorąc pod uwagę, że - jak zauważono w komentarzach -

… Function.prototype.apply()Jest powolny! Poza tym nazywanie go, gdy masz określoną liczbę argumentów, jest bezcelowe…

warto było zrezygnować z używania Function.prototype.apply(), co daje zmienione wersje powyższych metod, po pierwsze bez opcji „inclusive”:

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));

Demo JS Fiddle .

A z opcją „włącznie”:

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));

Demo JS Fiddle .

Bibliografia:

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

Wolę umieścić zmienną wewnątrz, aby dać dodatkową wskazówkę, że kod sprawdza poprawność mojej zmiennej znajduje się między wartościami zakresu

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

To stare pytanie, ale może być przydatne dla kogoś takiego jak ja.

lodashma _.inRange()funkcję https://lodash.com/docs/4.17.4#inRange

Przykład:

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

Należy pamiętać, że ta metoda wykorzystuje Lodashbibliotekę narzędzi i wymaga dostępu do zainstalowanej wersji Lodash.

ifZamiast pisać można użyć klauzuli Multiple w warunku

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

ponieważ to naprawdę nie ma sensu logicznie, JavaScript odczyta twój warunek, taki jak

windowSize > -100 

ponieważ oblicza 500-600się-100

Powinieneś użyć &&na przykład do ścisłego sprawdzenia obu przypadków, które będą wyglądać tak

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

// Then doo something

}

Właśnie zaimplementowałem ten fragment jQuery, aby pokazać i ukryć wartości modalne bootstrap. Różne pola są wyświetlane w zależności od zakresu wartości pola tekstowego użytkownika.

$(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();
                }
            }
    });

Oto najkrótsza możliwa metoda:

if (Math.abs(v-550)<50) console.log('short')
if ((v-500)*(v-600)<0) console.log('short')

Sparametryzowane:

if (Math.abs(v-max+v-min)<max+min) console.log('short')
if ((v-min)*(v-max)<0) console.log('short')

Możesz podzielić obie strony przez 2, jeśli nie rozumiesz, jak działa pierwsza;)