Comment vérifier si un nombre est entre deux valeurs?

En JavaScript, je dis au navigateur de faire quelque chose si la taille de la fenêtre est supérieure à 500px. Je le fais comme ça:

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

Cela fonctionne très bien, mais j'aimerais appliquer cette même méthode, mais avec une plage de nombres. Je voudrais donc dire à mon navigateur de faire des choses si la taille de la fenêtre est comprise entre 500px et 600px. Je sais que cela ne fonctionnerait pas, mais voici comment je l'ai imaginé:

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

Est-ce même possible, dans JavaScript?

Teste si windowsizeest supérieur 500et inférieur à 600ce qui signifie qu'aucune des valeurs 500ou 600elle-même ne fera que la condition deviendra vraie.

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

J'ai eu un moment, donc, bien que vous ayez déjà accepté une réponse, j'ai pensé que je contribuerais comme suit:

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

Démo de JS Fiddle .

Ou, si vous préférez avoir la possibilité de vérifier qu'un nombre est dans la plage définie, y compris les points d'extrémité :

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

Démo de JS Fiddle .

Modifié pour ajouter un amendement mineur à ce qui précède, étant donné que - comme indiqué dans les commentaires -

… Function.prototype.apply()Est lent! En plus de l'appeler quand vous avez un nombre fixe d'arguments est inutile ...

il valait la peine de supprimer l'utilisation de Function.prototype.apply(), qui donne les versions modifiées des méthodes ci-dessus, tout d'abord sans l'option `` 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));

Démo de JS Fiddle .

Et avec l'option 'inclusive':

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

Démo de JS Fiddle .

Références:

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

Je préfère mettre la variable à l'intérieur pour donner un indice supplémentaire que le code valide ma variable est entre une plage de valeurs

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

C'est une vieille question, mais qui pourrait être utile pour quelqu'un comme moi.

lodasha la _.inRange()fonction https://lodash.com/docs/4.17.4#inRange

Exemple:

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

Veuillez noter que cette méthode utilise la Lodashbibliothèque utilitaire et nécessite l'accès à une version installée de Lodash.

Vous pouvez utiliser la clause Multiple en ifcondition au lieu d'écrire

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

car cela n'a vraiment aucun sens, logiquement, JavaScript lira votre condition if comme

windowSize > -100 

car il calcule 500-600à-100

Vous devriez utiliser &&pour vérifier strictement les deux cas, par exemple, ce qui ressemblera à ceci

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

// Then doo something

}

Je viens d'implémenter ce bit de jQuery pour afficher et masquer les valeurs modales de bootstrap. Différents champs sont affichés en fonction de la plage de valeurs d'une entrée de zone de texte utilisateur.

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

Voici la méthode la plus courte possible:

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

Paramétré:

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

Vous pouvez diviser les deux côtés par 2 si vous ne comprenez pas comment le premier fonctionne;)