Benchmark: Math.max/min vs function ternary vs inline ternary

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

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Math.min

173.6M/s

Math.min/max

172.3M/s

Ternary max

170.7M/s

Ternary max inlined

169.8M/s

Math.max

169.2M/s

Ternary clamp inlined

167.5M/s

Ternary min inlined

167.5M/s

Ternary clamp

167.3M/s

Ternary min

166.0M/s

View exact numbers

✓ Math.min: 173,569,520 ops/sec
• Math.min/max: 172,267,008 ops/sec
• Ternary max: 170,674,464 ops/sec
• Ternary max inlined: 169,830,080 ops/sec
• Math.max: 169,202,976 ops/sec
• Ternary clamp inlined: 167,511,568 ops/sec
• Ternary min inlined: 167,452,352 ops/sec
• Ternary clamp: 167,254,960 ops/sec
• Ternary min: 165,971,712 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Math.min/max
Math.min
Math.max
Ternary clamp
Ternary min
Ternary max
Ternary clamp inlined
Ternary min inlined
Ternary max inlined

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 3 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36 Edg/146.0.0.0

Browser/OS: Chrome 146 on Windows

View result in a separate tab

Math.min

159.5M/s

Math.min/max

156.1M/s

Math.max

155.0M/s

Ternary clamp inlined

154.3M/s

Ternary max inlined

152.1M/s

Ternary clamp

151.3M/s

Ternary min

151.1M/s

Ternary min inlined

148.2M/s

Ternary max

146.9M/s

View exact numbers

Test name	Executions per second
✓ Math.min	159,487,072 Ops/sec
Math.min/max	156,125,312 Ops/sec
Math.max	154,967,248 Ops/sec
Ternary clamp inlined	154,326,384 Ops/sec
Ternary max inlined	152,093,184 Ops/sec
Ternary clamp	151,308,320 Ops/sec
Ternary min	151,137,696 Ops/sec
Ternary min inlined	148,162,432 Ops/sec
Ternary max	146,872,528 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Let's break down the benchmark and explain what's being tested, compared, and their pros and cons.

**Benchmark Definition:**

The benchmark is comparing different ways to clamp numbers within a specified range using JavaScript.

**Options Being Compared:**

1. **Math.max/min**: Using the built-in `Math.max` and `Math.min` functions.
2. **Ternary Clamp Functions**: Three custom functions that perform similar operations:
	* `ternaryClamp(number, min, max)`: Returns the minimum of the number and the maximum value if it's outside the range.
	* `ternaryMin(number, min)`: Returns the smaller of the two values (number and minimum).
	* `ternaryMax(number, max)`: Returns the larger of the two values (number and maximum).
3. **Inline Ternary Expressions**: Two inline expressions that perform the same operations as the ternary clamp functions:
	* `number > max ? max : (number < min ? min : number)`
	* `number < min ? number: min`
	* `number > max ? number: max`

**Pros and Cons of Each Approach:**

1. **Math.max/min**: Fast and efficient, but may not be as intuitive or flexible.
2. **Ternary Clamp Functions**:
	* Pros: More readable, flexible, and reusable code.
	* Cons: May have performance overhead due to function calls.
3. **Inline Ternary Expressions**:
	* Pros: Compact, fast, and efficient.
	* Cons: Less readable and less maintainable.

**Library Used:**

None explicitly mentioned in the benchmark definition. However, the `Math.max` and `Math.min` functions are part of the JavaScript standard library.

**Special JS Features or Syntax:**

Not explicitly used in this benchmark. The focus is on comparing different coding approaches rather than showcasing specific features.

**Other Considerations:**

* Performance: Measuring execution speed can help determine which approach is faster.
* Code Readability and Maintainability: Evaluating the ease of understanding and modifying the code can inform decisions about which approach to use.
* Reusability: Considering how easily the functions or expressions can be reused in different contexts can influence choices.

**Alternative Approaches:**

Other ways to clamp numbers within a range might include:

* Using bitwise operators (e.g., `number & 0xFF` to get the last byte of an integer)
* Employing a simple arithmetic approach (e.g., `Math.floor((number + max) / step) * step`)
* Utilizing a library or framework's built-in functions for number manipulation

However, these alternatives are not being tested in this specific benchmark.

Math.max/min vs function ternary vs inline ternary (version: 1)

Comparing performance of: `Math.min/max vs Math.min vs Math.max vs Ternary clamp vs Ternary min vs Ternary max vs Ternary clamp inlined vs Ternary min inlined vs Ternary max inlined`

Created: 5 years ago by: Registered User

Go to the latest result

Math.min/max

Math.min

Math.max

Ternary clamp

Ternary min

Ternary max

Ternary clamp inlined

Ternary min inlined

Ternary max inlined

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Math.max/min vs function ternary vs inline ternary (version: 1)

Comparing performance of: Math.min/max vs Math.min vs Math.max vs Ternary clamp vs Ternary min vs Ternary max vs Ternary clamp inlined vs Ternary min inlined vs Ternary max inlined

Created: 5 years ago by: Registered User

Go to the latest result

Math.min/max

Math.min

Math.max

Ternary clamp

Ternary min

Ternary max

Ternary clamp inlined

Ternary min inlined

Ternary max inlined

Historical Performance Data aggregated from 10 community runs

Desktop Results:

Chrome 10 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `Math.min/max vs Math.min vs Math.max vs Ternary clamp vs Ternary min vs Ternary max vs Ternary clamp inlined vs Ternary min inlined vs Ternary max inlined`