Run results for: Benchmark Clamp 2221134b-d084-4650-87ae-9a71a46875a0

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/113.0

Browser: Firefox 113

Operating system: Windows

Device Platform: Desktop

Date tested: 11 months ago

Test name	Executions per second
branching if	9099643.0 Ops/sec
lodash	812850.1 Ops/sec
Branchless multiply	7307013.0 Ops/sec
Ternary clamp	8204143.0 Ops/sec
min max clamp	7151855.0 Ops/sec

Script Preparation code:

function branchingClamp(min, max, x) {
  if (x < min) return min;
  if (x > max) return max;
  return x;
}

function lodashClamp(number, lower, upper) {
  number = +number
  lower = +lower
  upper = +upper
  lower = lower === lower ? lower : 0
  upper = upper === upper ? upper : 0
  if (number === number) {
    number = number <= upper ? number : upper
    number = number >= lower ? number : lower
  }
  return number
}

function branchlessMulClamp(min, max, x) {
  const isLow = +(x < min);
  const isHigh = +(x > max);
  return (
    (isLow * min) |
    (isHigh * max) |
    (+!(isLow ^ isHigh) * x)
  );
}

function ternaryClamp(min, max, x) {
  return x < min ? min : x > max ? max : x;
}

function minmaxClamp(min, max, x) {
  return Math.min(max, Math.max(min, x));
}

Tests:

branching if
for (let i = 0; i <= 100; i++) { branchingClamp(0, 100, i); }
lodash
for (let i = 0; i <= 100; i++) { lodashClamp(0, 100, i); }
Branchless multiply
for (let i = 0; i <= 100; i++) { branchlessMulClamp(0, 100, i); }
Ternary clamp
for (let i = 0; i <= 100; i++) { ternaryClamp(0, 100, i); }
min max clamp
for (let i = 0; i <= 100; i++) { minmaxClamp(0, 100, i); }

Run results for: Benchmark Clamp 2221134b-d084-4650-87ae-9a71a46875a0

Benchmark multiple clamp implementations

branching if

lodash

Branchless multiply

Ternary clamp

min max clamp