Benchmark: if-else vs switch-case vs object literals vs ternary-operator

Script Preparation code:

var str = 'abc';
str = str.charAt(Math.floor(Math.random() * 3));

Tests:

If - Else
if(str === 'a'){ console.log('A'); } else if (str === 'b'){ console.log('B'); } else if (str === 'c'){ console.log('C'); }
Switch - Case
switch (str) { case 'a': console.log('A'); break; case 'b': console.log('B'); break; case 'c': console.log('C'); break; }
Object literals
var objLiteral = { a: function() { console.log('A'); }, b: function() { console.log('B'); }, c: function() { console.log('C'); } } objLiteral[str]();
ternary-operator
str === 'a' ? console.log('A') : str === 'b' ? console.log('B') : str === 'c' ? console.log('C') : console.log('nothing')

Historical Performance Data aggregated from 58 community runs

Desktop Results:

Chrome 43 runs

Switch - Case

239K/s

If - Else

232K/s

ternary-operator

226K/s

Object literals

222K/s

View exact numbers

✓ Switch - Case: 239,307 ops/sec
• If - Else: 232,034 ops/sec
• ternary-operator: 226,194 ops/sec
• Object literals: 221,650 ops/sec

Firefox 10 runs

If - Else

195K/s

ternary-operator

189K/s

Switch - Case

188K/s

Object literals

179K/s

View exact numbers

✓ If - Else: 195,081 ops/sec
• ternary-operator: 189,350 ops/sec
• Switch - Case: 188,339 ops/sec
• Object literals: 179,027 ops/sec

Mobile Results:

Chrome 5 runs

Switch - Case

71K/s

Object literals

71K/s

If - Else

70K/s

ternary-operator

64K/s

Fastest: Switch - Case (1.1x faster)

View exact numbers

✓ Switch - Case: 70,756 ops/sec
• Object literals: 70,661 ops/sec
• If - Else: 70,499 ops/sec
• ternary-operator: 64,275 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
If - Else
Switch - Case
Object literals
ternary-operator

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Browser/OS: Chrome 134 on Linux

View result in a separate tab

Switch - Case

15K/s

If - Else

13K/s

ternary-operator

13K/s

Object literals

11K/s

View exact numbers

Test name	Executions per second
✓ Switch - Case	14,807 Ops/sec
If - Else	13,399 Ops/sec
ternary-operator	13,227 Ops/sec
Object literals	11,139 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 provided JSON and explain what's being tested, compared, and their pros and cons.

**Benchmark Definition**

The benchmark measures the performance of different JavaScript control flow structures:

1. If-Else statements
2. Switch-Case statements
3. Object literals (using function invocation)
4. Ternary operators

The goal is to determine which approach is the fastest for a specific use case, in this case, setting a variable `str` to one of three possible values: 'a', 'b', or 'c', and then performing operations on that value.

**Test Cases**

Each test case represents a single control flow structure. Here's a brief explanation of each:

1. **If-Else**: This test case uses an if-else statement with three conditions, checking for 'a', 'b', and 'c'. If the condition matches, it logs a message to the console.
2. **Switch-Case**: Similar to the if-else test, but using a switch-case statement instead. The values are still 'a', 'b', or 'c'.
3. **Object literals**: This test case uses an object literal with three functions (one for each possible value of `str`). It then invokes one of these functions based on the current value of `str`.
4. **Ternary Operator**: A single-line ternary operator is used to set a variable to 'A', 'B', or 'C' based on the value of `str`. Then, it logs a message to the console.

**Pros and Cons**

Each approach has its trade-offs:

1. **If-Else statements**:
	* Pros: Simple to read and write, flexible.
	* Cons: Can be slower due to branch prediction issues and the need for multiple checks.
2. **Switch-Case statements**:
	* Pros: Fast lookup times, suitable for discrete values.
	* Cons: Limited flexibility if value ranges are not well-defined.
3. **Object literals**:
	* Pros: Can encapsulate complex logic, flexible data structures.
	* Cons: May be slower due to function invocation and object lookups.
4. **Ternary Operator**:
	* Pros: Concise and readable, suitable for simple conditional expressions.
	* Cons: Limited flexibility if the condition is not a simple equality check.

**Browser-Specific Notes**

The benchmark results show that Chrome 129 on Mac OS X 10.15.7 favors switch-case statements ( highest `ExecutionsPerSecond` value). This might be due to the way switch-case statements are optimized in modern JavaScript engines.

**Other Considerations**

* **Function Invocation**: The object literal test case involves function invocation, which can add overhead.
* **Branch Prediction**: If-Else and Switch-Case statements rely on branch prediction to execute faster. Poor branch prediction or misaligned code execution can negatively impact performance.

Keep in mind that these results are specific to the provided benchmarking scenario and may not generalize to other use cases or JavaScript engines.

As for alternatives, you could consider:

* Using `Object.hasOwn()` instead of property lookups
* Implementing custom loops for each control flow structure (e.g., a switch-case loop)
* Optimizing the logic using bitwise operators or other optimizations specific to the target architecture.

if-else vs switch-case vs object literals vs ternary-operator (version: 0)

Comparing performance of: `If - Else vs Switch - Case vs Object literals vs ternary-operator`

Created: 4 years ago by: Guest

Go to the latest result

If - Else

Switch - Case

Object literals

ternary-operator

Historical Performance Data aggregated from 58 community runs

Desktop Results:

Chrome 43 runs

Firefox 10 runs

Mobile Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

if-else vs switch-case vs object literals vs ternary-operator (version: 0)

Comparing performance of: If - Else vs Switch - Case vs Object literals vs ternary-operator

Created: 4 years ago by: Guest

Go to the latest result

If - Else

Switch - Case

Object literals

ternary-operator

Historical Performance Data aggregated from 58 community runs

Desktop Results:

Chrome 43 runs

Firefox 10 runs

Mobile Results:

Chrome 5 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: `If - Else vs Switch - Case vs Object literals vs ternary-operator`