Benchmark: split vs slice+indexOf

Script Preparation code:

var rgb = "rgba 255 255 255 0.7 ";

Tests:

slice(0, indexOf())
rgb.slice(0, rgb.indexOf(" ")-1);
split
rgb.split(" ", 1)

Historical Performance Data aggregated from 19 community runs

Desktop Results:

Chrome 12 runs

slice(0, indexOf())

90.3M/s

split

10.9M/s

Fastest: slice(0, indexOf()) (8.3x faster)

View exact numbers

✓ slice(0, indexOf()): 90,279,776 ops/sec
• split: 10,933,262 ops/sec

Firefox 7 runs

slice(0, indexOf())

644.6M/s

split

14.4M/s

Fastest: slice(0, indexOf()) (44.6x faster)

View exact numbers

✓ slice(0, indexOf()): 644,551,616 ops/sec
• split: 14,447,368 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
slice(0, indexOf())
split

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 21 hours ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:155.0) Gecko/20100101 Firefox/155.0

Browser/OS: Firefox 155 on Windows

View result in a separate tab

slice(0, indexOf())

579.2M/s

split

9.9M/s

View exact numbers

Test name	Executions per second
✓ slice(0, indexOf())	579,164,544 Ops/sec
split	9,918,965 Ops/sec

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

LLMs can make mistakes. Check important info.

**What is being tested?**

MeasureThat.net is testing the performance of two JavaScript methods: `slice()` and the combination of `indexOf()` and `slice()`. The benchmark compares how efficient these methods are in extracting a substring from a string.

**Options compared**

Two options are being compared:

1. **`slice()`**: This method returns a new string that includes all characters from the original string, starting at the specified index (0) and ending at the specified end index.
2. **Combination of `indexOf()` and `slice()`**: This approach first finds the index of the space character (`" "`) in the string using `indexOf()`, then uses `slice()` to extract all characters from the original string up to, but not including, the found index.

**Pros and Cons**

* **`slice()`**:
	+ Pros: Simple, intuitive, and efficient for most use cases.
	+ Cons: May have performance issues if the input string is very large or if the end index is close to the beginning of the string.
* **Combination of `indexOf()` and `slice()`**:
	+ Pros: Avoids potential performance issues with large strings or close indices, as it stops searching as soon as it finds the space character.
	+ Cons: More complex and potentially slower than using `slice()` alone.

**Library and its purpose**

There is no library being used in this benchmark. However, if you're familiar with JavaScript libraries like Lodash or Underscore.js, you might recognize similar methods for string manipulation.

**Special JS feature/syntax**

None are mentioned explicitly, but the use of template literals (e.g., `var rgb = "rgba 255 255 255 0.7 ";") is a relatively modern JavaScript feature introduced in ECMAScript 2015.

**Other alternatives**

If you're looking for alternative approaches to this benchmark:

1. **Using `substring()` instead of `slice()`:**
This method returns a new string that includes all characters from the original string, starting at the specified start index and ending at the specified end index.
2. **Using `match()` and slicing the result:**
This approach uses a regular expression to find the substring and then slices the resulting array to extract the desired portion.

Keep in mind that these alternatives might have different performance characteristics depending on the specific use case and input data.

If you'd like to explore more benchmarks or compare other JavaScript methods, MeasureThat.net has an extensive collection of tests and variants.

split vs slice+indexOf (version: 0) Benchmark.js

Javascript split vs slice performance

Comparing performance of: `slice(0, indexOf()) vs split`

Created: 4 years ago by: Guest

Go to the latest result

slice(0, indexOf())

split

Historical Performance Data aggregated from 19 community runs

Desktop Results:

Chrome 12 runs

Firefox 7 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 vs slice+indexOf (version: 0) Benchmark.js

Javascript split vs slice performance

Comparing performance of: slice(0, indexOf()) vs split

Created: 4 years ago by: Guest

Go to the latest result

slice(0, indexOf())

split

Historical Performance Data aggregated from 19 community runs

Desktop Results:

Chrome 12 runs

Firefox 7 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: `slice(0, indexOf()) vs split`