Run results for: Math.max/min vs function ternary vs inline ternary

Run details:

User agent: Mozilla/5.0 (X11; CrOS x86_64 13729.84.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.130 Safari/537.36

Browser: Chrome 89

Operating system: Chrome OS 13729.84.0

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Math.min/max	647847.3 Ops/sec
Math.min	1075364.0 Ops/sec
Math.max	884850.5 Ops/sec
Ternary clamp	1094191.0 Ops/sec
Ternary min	1745176.0 Ops/sec
Ternary max	1765379.0 Ops/sec
Ternary clamp inlined	1006567.0 Ops/sec
Ternary min inlined	1733828.0 Ops/sec
Ternary max inlined	1770757.0 Ops/sec

Script Preparation code:

var number = Math.random() * 1000;
var min = Math.random() * 300;
var max = Math.random() * 1200;

function ternaryClamp(number, min, max) {
  return number > max ? max : (number < min ? min : number);
}
function ternaryMin(number, min) {
  return number < min ? number: min;
}
function ternaryMax(number, max) {
  return number > max ? number: max;
}

Tests:

Math.min/max
Math.min(Math.max(number, min), max)
Math.min
Math.min(number, min)
Math.max
Math.max(number, max)
Ternary clamp
ternaryClamp(number, min, max);
Ternary min
ternaryMin(number, min)
Ternary max
ternaryMax(number, max)
Ternary clamp inlined
number > max ? max : (number < min ? min : number)
Ternary min inlined
number < min ? number: min
Ternary max inlined
number > max ? number: max

Run results for: Math.max/min vs function ternary vs inline ternary

Math.min/max

Math.min

Math.max

Ternary clamp

Ternary min

Ternary max

Ternary clamp inlined

Ternary min inlined

Ternary max inlined