Wie überprüfe ich, ob eine Zahl zwischen zwei Werten liegt?

In JavaScript fordere ich den Browser auf, etwas zu tun, wenn die Fenstergröße größer als 500 Pixel ist. Ich mache es so:

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

Das funktioniert gut, aber ich möchte dieselbe Methode anwenden, aber mit einer Reihe von Zahlen. Daher möchte ich meinem Browser mitteilen, dass er Dinge tun soll, wenn die Fenstergröße zwischen 500 und 600 Pixel liegt. Ich weiß, dass das nicht funktionieren würde, aber so habe ich es mir vorgestellt:

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

Ist das in JavaScript überhaupt möglich?

Testet, ob windowsizegrößer 500oder kleiner als ist, 600was bedeutet, dass weder Werte 500noch sich 600selbst dazu führen, dass die Bedingung wahr wird.

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

Ich hatte einen Moment Zeit, obwohl Sie bereits eine Antwort akzeptiert haben, dachte ich, ich würde Folgendes beitragen:

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 .

Wenn Sie lieber die Option haben möchten, zu überprüfen, ob eine Zahl im definierten Bereich einschließlich der Endpunkte liegt :

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 .

Bearbeitet, um eine geringfügige Änderung zu den oben genannten hinzuzufügen, da - wie in den Kommentaren angegeben -

… Function.prototype.apply()Ist langsam! Abgesehen davon, dass es sinnlos ist, es aufzurufen, wenn Sie eine feste Anzahl von Argumenten haben ...

Es hat sich gelohnt, die Verwendung von zu entfernen Function.prototype.apply(), was die geänderten Versionen der oben genannten Methoden ergibt, zunächst ohne die Option "inklusive":

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 .

Und mit der Option "Inklusive":

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 .

Verweise:

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

Ich ziehe es vor, die Variable nach innen zu setzen, um einen zusätzlichen Hinweis darauf zu geben, dass der Code überprüft, ob meine Variable zwischen einem Bereich liegt

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

Es ist eine alte Frage, könnte aber für jemanden wie mich nützlich sein.

lodashhat die _.inRange()Funktion https://lodash.com/docs/4.17.4#inRange

Beispiel:

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

Bitte beachten Sie, dass diese Methode die verwendet Lodash Dienstprogrammbibliothek verwendet und Zugriff auf eine installierte Version von Lodash erfordert.

Sie können die Multiple-Klausel unter bestimmten ifBedingungen verwenden, anstatt zu schreiben

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

weil dies logischerweise wirklich keinen Sinn macht, liest JavaScript Ihre if-Bedingung wie

windowSize > -100 

weil es berechnet 500-600zu-100

Sie sollten &&zum Beispiel beide Fälle streng prüfen, die so aussehen

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

// Then doo something

}

Ich habe gerade dieses Bit von jQuery implementiert, um die modalen Bootstrap-Werte ein- und auszublenden. Abhängig vom Wertebereich eines Benutzer-Textfeldeintrags werden verschiedene Felder angezeigt.

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

Hier ist die kürzeste mögliche Methode:

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

Parametrisiert:

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

Sie können beide Seiten durch 2 teilen, wenn Sie nicht verstehen, wie die erste funktioniert;)