Як перевірити, чи число між двома значеннями?

У JavaScript я кажу браузеру щось робити, якщо розмір вікна перевищує 500 пікселів. Я це роблю так:

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

Це чудово працює, але я хотів би застосувати цей самий метод, але з діапазоном чисел. Тому я хотів би сказати своєму браузеру робити речі, якщо розмір вікна становить від 500 до 600 пікс. Я знаю, що це не спрацювало б, але ось як я це уявив:

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

Це можливо навіть в JavaScript?

Тестує, чи windowsizeбільше, 500і менше, ніж 600означає, що ні значення, 500ні 600самі по собі не призведуть до того, що умова стане істинною.

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

У мене був момент, тому, хоча ви вже прийняли відповідь, я подумав, що я сприяю наступному:

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

JS Fiddle демо .

Або, якщо ви хочете мати можливість перевірити номер у визначеному діапазоні, включаючи кінцеві точки :

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

JS Fiddle демо .

Відредаговано, щоб внести незначну поправку до вищезазначеного, враховуючи, що - як зазначено в коментарях -

… Function.prototype.apply()Повільно! Крім того, називати його, коли у вас є фіксована кількість аргументів, безглуздо ...

варто було зняти використання Function.prototype.apply(), що дає змінені версії вищезазначених методів, по-перше, без опції "включення":

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

JS Fiddle демо .

І з опцією "включно":

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

JS Fiddle демо .

Список літератури:

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

Я вважаю за краще помістити змінну зсередини, щоб дати додатковий натяк на те, що код перевіряє мою змінну, знаходиться між значеннями діапазону

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

Це старе питання, однак може бути корисним для когось, як я.

lodashмає _.inRange()функцію https://lodash.com/docs/4.17.4#inRange

Приклад:

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

Зверніть увагу, що цей метод використовує Lodashбібліотеку утиліт та вимагає доступу до встановленої версії Lodash.

Ви можете використовувати декілька пропозицій в ifумові, а не писати

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

тому що це справді не має сенсу, логічно JavaScript прочитає ваш стан, якщо така умова подобається

windowSize > -100 

тому що він обчислює 500-600до-100

Ви повинні використовувати &&для суворої перевірки обох випадків, наприклад, які виглядатимуть приблизно так

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

// Then doo something

}

Я щойно реалізував цей біт jQuery, щоб показати та приховати модальні значення завантажувальної програми. Різні поля відображаються на основі діапазону значень запису користувача в текстовому полі.

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

Ось найкоротший можливий метод:

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

Параметризовано:

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

Ви можете розділити обидві сторони на 2, якщо ви не розумієте, як працює перша;)