¿Cómo verificar si un número está entre dos valores?

En JavaScript, le digo al navegador que haga algo si el tamaño de la ventana es superior a 500 px. Lo hago así:

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

Esto funciona muy bien, pero me gustaría aplicar este mismo método, pero con un rango de números. Así que me gustaría decirle a mi navegador que haga cosas si el tamaño de la ventana está entre 500 px y 600 px. Sé que esto no funcionaría, pero así es como lo imaginé:

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

¿Es esto posible en JavaScript?

Comprueba si windowsizees mayor 500o menor que el 600significado de que ninguno de los valores 500o en 600sí mismo hará que la condición se vuelva verdadera.

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

Tuve un momento, así que, aunque ya has aceptado una respuesta, pensé que contribuiría lo siguiente:

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

Demostración de JS Fiddle .

O, si prefiere tener la opción de verificar que un número esté en el rango definido, incluidos los puntos finales :

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

Demostración de JS Fiddle .

Editado para agregar una enmienda menor a lo anterior, dado que, como se señala en los comentarios,

... Function.prototype.apply()es lento! Además de llamarlo cuando tienes una cantidad fija de argumentos no tiene sentido ...

valió la pena eliminar el uso de Function.prototype.apply(), que produce las versiones modificadas de los métodos anteriores, en primer lugar sin la opción '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));

Demostración de JS Fiddle .

Y con la opción '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));

Demostración de JS Fiddle .

Referencias

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

Prefiero poner la variable en el interior para dar una pista adicional de que el código está validando mi variable está entre valores de rango

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

Es una vieja pregunta, sin embargo, podría ser útil para alguien como yo.

lodashtiene la _.inRange()función https://lodash.com/docs/4.17.4#inRange

Ejemplo:

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

Tenga en cuenta que este método utiliza la Lodashbiblioteca de utilidades y requiere acceso a una versión instalada de Lodash.

Puede usar la cláusula múltiple en ifcondición en lugar de escribir

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

porque esto realmente no tiene sentido lógicamente JavaScript leerá su condición si

windowSize > -100 

porque se calcula 500-600a-100

Debe usar &&para verificar estrictamente ambos casos, por ejemplo, que se verá así

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

// Then doo something

}

Acabo de implementar este bit de jQuery para mostrar y ocultar los valores modales de arranque. Se muestran diferentes campos según el rango de valores de una entrada de cuadro de texto de los usuarios.

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

Aquí está el método más corto posible:

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

Parametrizado:

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

Puedes dividir ambos lados entre 2 si no entiendes cómo funciona el primero;)