Benchmark: Array split vs string substring - second position - destructure

Script Preparation code:

var s1 = "foo.bar";
var s2 = "foo.baz";

Tests:

Array.split
const n1 = s1.split(".")[1]; const n2 = s2.split(".")[1];
Substring
const n1 = s1.substring(s1.indexOf(".") + 1); const n2 = s2.substring(s2.indexOf(".") + 1);
Array.split & destructure
const [_1, n1] = s1.split("."); const [_2, n2] = s2.split(".");

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array.split
Substring
Array.split & destructure

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36

Browser/OS: Chrome 128 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Array.split	8785337.0 Ops/sec
Substring	7398445.5 Ops/sec
Array.split & destructure	8869516.0 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!

**What is tested?**

MeasureThat.net tests three different approaches to extract the second element from an array or string in JavaScript:

1. `Array.split()`: This method splits the input string into an array and then returns the second element.
2. `String.substring()`: This method extracts a subset of characters from the original string, starting from the position of the first occurrence of a specified substring (in this case, the dot `.').
3. A combination of `Array.split()` with deconstruction (`const [_1, n1] = ...`): This approach uses destructuring to assign the first and second elements of the array to separate variables.

**Options compared**

The three approaches are being compared in terms of their performance, which is measured by the number of executions per second.

**Pros and Cons of each approach:**

1. `Array.split()`
	* Pros:
		+ Easy to understand and use.
		+ Works for both strings and arrays.
	* Cons:
		+ Creates an intermediate array, which can be memory-intensive for large inputs.
2. `String.substring()`
	* Pros:
		+ Efficiently extracts the desired substring without creating an intermediate array.
	* Cons:
		+ Requires finding the position of the dot `.` using `indexOf()`, which can lead to slower performance.
3. `Array.split() & deconstruction`
	* Pros:
		+ Reduces memory usage compared to `Array.split()` since only one element is created.
		+ Utilizes modern JavaScript features (destructuring) for a more concise solution.

**Library and syntax**

No external libraries are used in these benchmarks, so we're solely relying on built-in JavaScript features.

There's no special JS feature or syntax being tested here. It's all about the basic `Array.split()`, `String.substring()`, and deconstruction techniques.

**Other alternatives?**

If you wanted to test other approaches, you could consider:

1. Using `String.match()` with a regular expression to extract the second element.
2. Employing a different string manipulation library or framework (e.g., jQuery) for comparison.
3. Investigating the performance of using JavaScript's `Array.prototype.map()` method to achieve the same result.

Keep in mind that these alternatives might not provide similar results, and their implementation would likely involve additional considerations, such as handling edge cases and compatibility with older browsers.

Related benchmarks:

Array split vs string substring - second position - destructure (version: 0)

Comparing performance of: Array.split vs Substring vs Array.split & destructure

Created: one year ago by: Guest

Jump to the latest result

Array.split

Substring

Array.split & destructure

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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