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

Question

En JavaScript, je demande 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 chiffres. 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 que c'est possible, même en JavaScript ?

Answer 1

Vous pouvez utiliser la clause Multiple dans if au lieu d'écrire

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

parce que cela n'a vraiment aucun sens logiquement JavaScript lira votre condition if comme

windowSize > -100 

car il calcule 500-600 à -100

Vous devez utiliser && pour une vérification stricte des deux cas par exemple qui ressemblera à ceci

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

// Then doo something

}

Answer 2

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ée :

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 fonctionne le premier ;)

Answer 3

Il s'agit d'une méthode générique, que vous pouvez utiliser partout.

const isBetween = (num1,num2,value) => value > num1 && value < num2

Answer 4

Je sais qu'il y a une réponse toute faite, mais je veux proposer quelques pistes qui peuvent être utiles dans certains scénarios. Si nous voulons vérifier si n est entre x y y Nous pouvons le faire :

x <= n && n <= y
(x - n) * (y - n) <= 0

La deuxième est très utile lorsque vous essayez d'obtenir le même résultat même si vous échangez x y y .

Answer 5

Je viens d'implémenter ce petit bout de jQuery pour afficher et cacher les valeurs modales de bootstrap. Différents champs sont affichés en fonction de la plage de valeurs de la zone de texte de l'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();
                }
            }
    });