Como verificar se um número está entre dois valores?

Em JavaScript, estou dizendo ao navegador para fazer algo se o tamanho da janela for maior que 500px. Eu faço assim:

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

Isso funciona muito bem, mas eu gostaria de aplicar esse mesmo método, mas com um intervalo de números. Gostaria de dizer ao meu navegador para fazer coisas se o tamanho da janela estiver entre 500 e 600 pixels. Eu sei que isso não funcionaria, mas aqui está como eu imaginei:

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

Isso é possível dentro do JavaScript?

Testa se windowsizeé maior que 500ou menor que 600o que significa que nem os valores 500nem a 600si mesmos resultarão na condição se tornar verdadeira.

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

Tive um momento, então, embora você já tenha aceitado uma resposta, pensei em contribuir com o seguinte:

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

Demonstração JS Fiddle .

Ou, se você preferir ter a opção de verificar se um número está no intervalo definido, incluindo os pontos finais :

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

Demonstração JS Fiddle .

Editado para adicionar uma pequena alteração ao exposto acima, pois, conforme observado nos comentários,

... Function.prototype.apply()é lento! Além de chamá-lo quando você tem uma quantidade fixa de argumentos, é inútil…

valeu a pena remover o uso de Function.prototype.apply(), que produz as versões alteradas dos métodos acima, primeiro sem a opção '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));

Demonstração JS Fiddle .

E com a opção '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));

Demonstração JS Fiddle .

Referências:

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

Prefiro colocar a variável por dentro para dar uma dica extra de que o código está validando minha variável está entre os valores de um intervalo

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

É uma pergunta antiga, mas pode ser útil para alguém como eu.

lodashtem a _.inRange()função https://lodash.com/docs/4.17.4#inRange

Exemplo:

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

Observe que esse método utiliza a Lodashbiblioteca de utilitários e requer acesso a uma versão instalada do Lodash.

Você pode usar a cláusula Multiple na ifcondição em vez de escrever

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

porque isso realmente não faz sentido, logicamente, o JavaScript lerá sua condição if como

windowSize > -100 

porque calcula 500-600para-100

Você deve usar &&para verificar rigorosamente os dois casos, por exemplo, que terão esta aparência

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

// Then doo something

}

Acabei de implementar esse jQuery para mostrar e ocultar valores modais de inicialização. Diferentes campos são exibidos com base no intervalo de valores de uma entrada da caixa de texto dos usuários.

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

Aqui está o método mais curto possível:

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

Você pode dividir os dois lados por 2 se não entender como o primeiro funciona;)