Benchmark: Math.max/min vs if vs ternary vs bitwise & ~~ - 4 numbers

Script Preparation code:

var x = Math.random() * 1000;
var clientX = Math.random() * 1000;
var px = Math.random() * 1000;
var maxWidth = Math.random() * 1000;
function MAX_INT(a, b) {
  return a - ((a - b) & ((a - b) >> 31));
}

function MIN_INT(a, b) {
  return a - ((a - b) & ((b - a) >> 31));
}
function MAX(a, b) {
  const intA = ~~a;
  const intB = ~~b;
  return intA - ((intA - intB) & ((intA - intB) >> 31));
}

function MIN(a, b) {
  const intA = ~~a;
  const intB = ~~b;
  return intA - ((intA - intB) & ((intB - intA) >> 31));
}

Tests:

Math.max/min
Math.min(Math.max(x + clientX - px, 0), maxWidth) - x
if
if(x + clientX - px < 0) return 0; if(x + clientX - px > 750) return maxWidth; return x + clientX - px;
ternary
return x + clientX - px < 0 ? 0 : (x + clientX - px > maxWidth ? maxWidth : x + clientX - px) - x;
bitwise
MIN_INT(MAX_INT(x + clientX - px, 0), maxWidth)
& ~~
MIN(MAX(x + clientX - px, 0), maxWidth)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Math.max/min
if
ternary
bitwise
& ~~

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 18_7 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.7.2 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 18 on iOS 18.7

View result in a separate tab

bitwise

227.2M/s

ternary

223.2M/s

217.1M/s

& ~~

213.4M/s

Math.max/min

83.2M/s

View exact numbers

Test name	Executions per second
✓ bitwise	227,199,088 Ops/sec
ternary	223,229,552 Ops/sec
if	217,075,328 Ops/sec
& ~~	213,354,176 Ops/sec
Math.max/min	83,176,136 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the world of JavaScript microbenchmarks!

**Benchmark Definition**

The provided JSON represents a benchmark definition for measuring the performance of different approaches to calculating maximum and minimum values. The script preparation code defines four helper functions: `MAX_INT`, `MIN_INT`, `MAX`, and `MIN`. These functions are used to calculate the maximum or minimum value between two numbers, handling integer overflows.

**Options Compared**

The benchmark compares five different approaches:

1. **Math.max/min**: Using the built-in `Math.max` and `Math.min` functions.
2. **if**: Implementing a simple if-else statement to check conditions.
3. **ternary**: Using a ternary operator (condition ? value_if_true : value_if_false) to concisely express the logic.
4. **bitwise & ~~**: Utilizing bitwise operations (`&`) and the `~~` operator to handle integer overflows.

**Pros and Cons of Each Approach**

1. **Math.max/min**:
	* Pros: Simple, well-established, and optimized by JavaScript engines.
	* Cons: May incur overhead due to function calls and potentially slow for extreme values.
2. **if**:
	* Pros: Easy to understand, no function call overhead.
	* Cons: Can be slower due to the conditional check and potential branching.
3. **ternary**:
	* Pros: Concise, easy to read, and efficient for simple cases.
	* Cons: May not work well with complex conditions or large numbers of choices.
4. **bitwise & ~~**:
	* Pros: Efficient for integer operations, potentially faster than `Math.max/min`.
	* Cons: Requires knowledge of bitwise operators and may be less readable.

**Library and Special JS Features**

The benchmark uses no external libraries, but it does employ some special JavaScript features:

1. **Bitwise Operators**: The `&` operator is used to perform a bitwise AND operation.
2. **Integer Sign Masking**: The `~~` operator is used to mask the sign bit of an integer value, effectively performing a signed-to-unsigned conversion.

**Other Alternatives**

If you're interested in exploring alternative approaches or variations on these methods, consider:

1. **Using `Math.ceil` and `Math.floor` instead of bitwise operations for integer overflows.
2. **Implementing custom bitwise operations using bitwise shifts (e.g., `>> 31`) to avoid overflow issues.
3. **Utilizing SIMD instructions (if supported by your JavaScript engine) to accelerate parallel calculations.

Keep in mind that the effectiveness of these alternatives may vary depending on the specific use case and target platform.

I hope this explanation helps you understand the benchmark and its various approaches!

Math.max/min vs if vs ternary vs bitwise & ~~ - 4 numbers (version: 0) Benchmark.js

Comparing performance of: `Math.max/min vs if vs ternary vs bitwise vs & ~~`

Created: 6 years ago by: Registered User

Go to the latest result

Math.max/min

if

ternary

bitwise

& ~~

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 if vs ternary vs bitwise & ~~ - 4 numbers (version: 0) Benchmark.js

Comparing performance of: Math.max/min vs if vs ternary vs bitwise vs & ~~

Created: 6 years ago by: Registered User

Go to the latest result

Math.max/min

if

ternary

bitwise

& ~~

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.max/min vs if vs ternary vs bitwise vs & ~~`