Benchmark: Split+join vs replace vs replaceAll

Script Preparation code:

var example = 'Example 1,,;Example 2,,;Example 3,,;Example 4'

Tests:

split + join
var result = example.split(',,;').join('; ');
replace
var result = example.replace(/,,;/g, '; ')
replaceAll
var result = example.replaceAll(',,;', '; ')

Historical Performance Data aggregated from 60 community runs

Desktop Results:

Chrome 45 runs

split + join

5.3M/s

replace

5.2M/s

replaceAll

4.1M/s

Fastest: split + join (1.3x faster)

View exact numbers

✓ split + join: 5,286,350 ops/sec
• replace: 5,248,449 ops/sec
• replaceAll: 4,135,453 ops/sec

Firefox 9 runs

replaceAll

12.0M/s

replace

7.4M/s

split + join

6.3M/s

Fastest: replaceAll (1.9x faster)

View exact numbers

✓ replaceAll: 11,997,766 ops/sec
• replace: 7,362,688 ops/sec
• split + join: 6,288,530 ops/sec

Mobile Results:

Chrome 6 runs

split + join

4.3M/s

replace

3.7M/s

replaceAll

3.5M/s

Fastest: split + join (1.2x faster)

View exact numbers

✓ split + join: 4,280,684 ops/sec
• replace: 3,707,602 ops/sec
• replaceAll: 3,508,067 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
split + join
replace
replaceAll

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 140 on Windows

View result in a separate tab

replace

9.3M/s

split + join

9.0M/s

replaceAll

5.7M/s

View exact numbers

Test name	Executions per second
✓ replace	9,332,380 Ops/sec
split + join	8,984,045 Ops/sec
replaceAll	5,707,531 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 benchmark and its test cases.

**Benchmark Definition**

The benchmark is defined in two parts:

1. **Script Preparation Code**: This code creates an example string `example` with multiple values separated by different separators (`'',',,;'`).
2. **Html Preparation Code**: This part is empty, which means no HTML-related setup or configuration is required for the benchmark.

**Individual Test Cases**

There are three test cases that compare different approaches to handle the same input data:

1. **Split+Join**
	* The `split()` method splits the string into an array of values using a separator (`'',',,;'`).
	* The resulting array is then joined back together with another separator (`'; '`) using the `join()` method.
2. **Replace**
	* A regular expression (`/,,;/g`) replaces all occurrences of the separator (`'',',,;'`) with a new separator (`'; '`) in the original string.
3. **replaceAll**
	* The same approach as above, but this method uses the `replaceAll()` method specifically designed for replacement.

**Options Compared**

The three approaches compare different ways to handle the input data:

1. Split and Join: This approach involves splitting the array of values and then joining them back together, which can be less efficient than replacing the original separator.
2. Replace: This approach uses a regular expression to replace the separator directly in the string, which is more efficient for large datasets.
3. replaceAll (ECMAScript 2017+): This approach is similar to the previous one but uses the `replaceAll()` method, which is part of ECMAScript 2017 and later versions.

**Pros and Cons**

Here's a brief summary of each approach:

1. Split+Join:
	* Pros: Can handle more complex data structures (e.g., nested arrays).
	* Cons: May be less efficient for large datasets due to the overhead of creating an array.
2. Replace:
	* Pros: Fast and efficient, especially for regular expressions.
	* Cons: Limited to replacing single characters or patterns; may not work well with complex data structures.
3. replaceAll (ECMAScript 2017+):
	* Pros: Efficient and fast, specifically designed for replacement operations.
	* Cons: Only available in ECMAScript 2017 and later versions.

**Library and Special JS Features**

None of the test cases use any external libraries or special JavaScript features other than:

1. Regular expressions (`/,,;/g`): Used in the Replace approach to replace the separator.
2. `replaceAll()` method (ECMAScript 2017+): Used in the replaceAll approach.

**Alternatives**

Some alternative approaches that could be used for benchmarking similar operations include:

1. Using a custom implementation of string replacement using loops or other methods.
2. Using a more advanced data structure like a trie or suffix tree to handle complex data structures.
3. Comparing different optimization techniques, such as caching or memoization, for the Replace and replaceAll approaches.

These alternatives would require additional setup and configuration but could provide valuable insights into the performance characteristics of different algorithms.

Split+join vs replace vs replaceAll (version: 0)

Comparing performance of: `split + join vs replace vs replaceAll`

Created: 4 years ago by: Guest

Go to the latest result

split + join

replace

replaceAll

Historical Performance Data aggregated from 60 community runs

Desktop Results:

Chrome 45 runs

Firefox 9 runs

Mobile Results:

Chrome 6 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Split+join vs replace vs replaceAll (version: 0)

Comparing performance of: split + join vs replace vs replaceAll

Created: 4 years ago by: Guest

Go to the latest result

split + join

replace

replaceAll

Historical Performance Data aggregated from 60 community runs

Desktop Results:

Chrome 45 runs

Firefox 9 runs

Mobile Results:

Chrome 6 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: `split + join vs replace vs replaceAll`