EN
JavaScript - keeping number value in range
15 points
In this short article we would like to show how to keep number value in the range using JavaScript.
Quick solution:
xxxxxxxxxx
1
var value = 20;
2
3
var min = 0;
4
var max = 10;
5
6
var result = Math.max(min, Math.min(max, value));
xxxxxxxxxx
1
function keepRange(value, min, max) {
2
return Math.max(min, Math.min(max, value));
3
}
4
5
6
// Usage example:
7
8
// value min max
9
console.log(keepRange( 2, 1, 5 )); // 2
10
console.log(keepRange( 0, 1, 5 )); // 1
11
console.log(keepRange( 6, 1, 5 )); // 5
12
console.log(keepRange( 1, 1, 5 )); // 1
13
console.log(keepRange( 5, 1, 5 )); // 5
14
console.log(keepRange( -2, 1, 5 )); // 1
xxxxxxxxxx
1
function keepRange(value, min, max) {
2
if (value < min) {
3
return min;
4
}
5
if (value > max) {
6
return max;
7
}
8
return value;
9
}
10
11
12
// Usage example:
13
14
// value min max
15
console.log(keepRange( 2, 1, 5 )); // 2
16
console.log(keepRange( 0, 1, 5 )); // 1
17
console.log(keepRange( 6, 1, 5 )); // 5
18
console.log(keepRange( 1, 1, 5 )); // 1
19
console.log(keepRange( 5, 1, 5 )); // 5
20
console.log(keepRange( -2, 1, 5 )); // 1