Comment puis-je utiliser JavaScript pour limiter un nombre entre une valeur min/max ?

Question

Je veux limiter un nombre entre deux valeurs, je sais qu'en PHP vous pouvez le faire :

$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

Comment puis-je faire cela en javascript, sans devoir écrire de multiples if des déclarations et des choses de ce genre ? Merci.

Answer 1

Comme ceci

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

Démonstration en direct :

function limitNumberWithinRange(num, min, max){
  const MIN = min || 1;
  const MAX = max || 20;
  const parsed = parseInt(num)
  return Math.min(Math.max(parsed, MIN), MAX)
}

alert(
  limitNumberWithinRange(  prompt("enter a number")   )
)

Answer 2

Vous avez au moins deux options :

Vous pouvez utiliser une paire d'opérateurs conditionnels ( ? : ):

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

Ou vous pouvez combiner Math.max y Math.min :

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

Dans les deux cas, il est relativement facile de s'embrouiller. Vous pouvez donc envisager d'avoir une fonction utilitaire si vous faites cela à plusieurs endroits :

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

Ensuite :

number = clamp(number, 0, 100);

Answer 3

Utilisez la fonction clamp méthode :

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

Answer 4

Il n'y a pas besoin de plus d'explications :

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

Answer 5

En rapport : Quelle est la manière la plus élégante d'associer un nombre à un segment ? :

Mise à jour pour ECMAScript 2017 :

Math.clamp(x, lower, upper)

Mais notez qu'à partir d'aujourd'hui, c'est une étape 1. proposition . Jusqu'à ce qu'elle soit largement supportée, vous pouvez utiliser une polyfill .