Как я могу использовать JavaScript, чтобы ограничить число между значением min / max?

Question

Я хочу ограничить число между двумя значениями, я знаю, что в PHP вы можете сделать это:

$number = min(max(intval($number), 1), 20);
// this will make $number 1 if it's lower than 1, and 20 if it's higher than 20

Как я могу сделать это в javascript, без необходимости писать несколько if операторов и тому подобное? Спасибо.

Answer 1

как это

var number = Math.min(Math.max(parseInt(number), 1), 20);

Answer 2

У вас есть как минимум две опции:

Вы можете использовать пару условных операторов (? :):

number = number > 100 ? 100 : number < 0 ? 0 : number;

Или вы можете объединить Math.max и Math.min:

number = Math.min(100, Math.max(0, number));

В обоих случаях можно легко запутаться, поэтому вы можете рассмотреть возможность использования вспомогательной функции, если вы делаете это в нескольких местах:

function clamp(val, min, max) {
    return = val > max ? max : val < min ? min : val;
}

Тогда:

number = clamp(number, 0, 100);

Answer 3

Использовать зажим Лодаша метод:

_.clamp(22, 1, 20) // Outputs 20

Answer 4

Не нуждается в дополнительном объяснении:

function clamp(value, min, max) {
    return Math.min(Math.max(value, min), max);
}

Answer 5

Используйте Math.min и Math.max.

Answer 6

Похожие: Какой самый элегантный способ привязать число к сегменту? :

Обновление для ECMAScript 2017:

Math.clamp(x, lower, upper)

Но обратите внимание, что на сегодняшний день это предложение на 1 этапе .Пока он не получит широкую поддержку, вы можете использовать polyfill .