Come verificare se un numero è compreso tra due valori?

In JavaScript, sto dicendo al browser di fare qualcosa se la dimensione della finestra è superiore a 500 px. Lo faccio così:

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

Funziona benissimo, ma vorrei applicare questo stesso metodo, ma con un intervallo di numeri. Quindi vorrei dire al mio browser di fare cose se la dimensione della finestra è compresa tra 500 e 600 pixel. So che non funzionerebbe, ma ecco come l'ho immaginato:

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

È anche possibile, all'interno di JavaScript?

Verifica se windowsizeè maggiore 500e minore del 600significato che né i valori 500né 600se stessi daranno luogo alla condizione.

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

Ho avuto un momento, quindi, anche se hai già accettato una risposta, ho pensato di contribuire con il seguente:

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 di JS Fiddle .

Oppure, se si preferisce avere la possibilità di verificare che un numero sia compreso nell'intervallo definito, inclusi gli end-point :

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 di JS Fiddle .

Modificato per aggiungere un emendamento minore a quanto sopra, dato che - come notato nei commenti -

... Function.prototype.apply()è lento! Oltre a chiamarlo quando hai un numero fisso di argomenti è inutile ...

valeva la pena rimuovere l'uso di Function.prototype.apply(), che produce le versioni modificate dei metodi di cui sopra, in primo luogo senza l'opzione "inclusiva":

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 di JS Fiddle .

E con l'opzione "inclusiva":

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 di JS Fiddle .

Riferimenti:

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

Preferisco mettere la variabile all'interno per dare un ulteriore suggerimento che il codice sta convalidando la mia variabile è tra i valori di un intervallo

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

È una vecchia domanda, tuttavia potrebbe essere utile per qualcuno come me.

lodashha la _.inRange()funzione https://lodash.com/docs/4.17.4#inRange

Esempio:

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

Questo metodo utilizza la Lodashlibreria di utilità e richiede l'accesso a una versione installata di Lodash.

È possibile utilizzare la clausola Multiple nella ifcondizione anziché scrivere

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

perché questo non ha davvero senso logicamente JavaScript leggerà la tua condizione if

windowSize > -100 

perché calcola 500-600a-100

Dovresti usare &&per un controllo rigoroso entrambi i casi, ad esempio, che sarà simile a questo

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

// Then doo something

}

Ho appena implementato questo bit di jQuery per mostrare e nascondere i valori modali del bootstrap. Diversi campi vengono visualizzati in base all'intervallo di valori di una voce della casella di testo degli utenti.

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

Ecco il metodo più breve possibile:

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

parametrizzata:

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

Puoi dividere entrambi i lati per 2 se non capisci come funziona il primo;)