Run results for: Finding the Fastest Clamp

Generates a list of random numbers between -1.5 and +1.5 then loops through the list with each function. Functions that uses branches should have more variance in speed since they can potentially exit early. Functions that use arithmetic should have little to no variance but do more computation.

Go to the benchmark

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:140.0) Gecko/20100101 Firefox/140.0

Browser: Firefox 140

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Pure Arithmetic

794K/s

Ternary Operators

687K/s

If...else

684K/s

Early Return

107K/s

Compute Offset in Array

92K/s

Math Min and Max Functions

45K/s

View exact numbers

Test name	Executions per second
✓ Pure Arithmetic	793,983 Ops/sec
Ternary Operators	687,135 Ops/sec
If...else	683,892 Ops/sec
Early Return	107,381 Ops/sec
Compute Offset in Array	91,905 Ops/sec
Math Min and Max Functions	44,964 Ops/sec

Script Preparation code:

var numbers = new Array(1000);
var results = new Array(1000);

for (let i = 0; i < numbers.length; i++);
{
  numbers[i] = (Math.random() - 0.5) * 3;
}

function clamp(min, value, max) {
	if (value >= max)
		return max;
	if (value <= min)
		return min;
	return value;
}

function clamp2(min, value, max) {
	return [min, value, max][1 + (value >= max) - (value <= min)];
}

function clamp3(min, value, max) {
	return Math.max(value, Math.min(value, max));
}

function clamp4(min, value, max) {
    return value <= min ? min : (value >= max ? max : value);
}

function clamp5(min, value, max) {
	if (value >= max)
		return max;
	else if (value <= min)
		return min;
	else
		return value;
}

function clamp6(min, value, max) {
	return  (value >= max) * (max - value) +
			(value <= min) * (min - value) +
			value;
}

Tests:

Early Return
for (let i = 0; i < numbers.length; i++) { results[i] = clamp(0, numbers[i], 1.0); }
Compute Offset in Array
for (let i = 0; i < numbers.length; i++) { results[i] = clamp2(0, numbers[i], 1.0); }
Math Min and Max Functions
for (let i = 0; i < numbers.length; i++) { results[i] = clamp3(0, numbers[i], 1.0); }
Ternary Operators
for (let i = 0; i < numbers.length; i++) { results[i] = clamp4(0, numbers[i], 1.0); }
If...else
for (let i = 0; i < numbers.length; i++) { results[i] = clamp5(0, numbers[i], 1.0); }
Pure Arithmetic
for (let i = 0; i < numbers.length; i++) { results[i] = clamp6(0, numbers[i], 1.0); }