Benchmark: slice VS splice: who is the fastest to keep constant size

Script Preparation code:

var list = [];
for (var i = 0; i < 1000; i++) {
  list.push(i);
}

Tests:

slice
list.slice(0, 200);
splice
list.slice().splice(0, 200);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
slice
splice

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 5 years ago)

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

Browser/OS: Chrome 75 on Windows

View result in a separate tab

Test name	Executions per second
slice	73205.4 Ops/sec
splice	7238.8 Ops/sec

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

LLMs can make mistakes. Check important info.

Let's dive into the world of JavaScript microbenchmarks.

**What is being tested?**

The provided benchmark tests two approaches to create a subset of 200 elements from an array with 1000 elements, without modifying the original array. The two approaches are:

1. `list.slice(0, 200)`
2. `list.slice().splice(0, 200)`

**Options being compared:**

The two options being compared are:

1. **`slice()`**: Creates a shallow copy of the specified portion of an array.
2. **`splice()`**: Modifies the array by removing or replacing existing elements and/or inserting new ones.

**Pros and Cons:**

1. **`slice()`**:
	* Pros:
		+ Faster, as it doesn't modify the original array.
		+ More memory-efficient, as it creates a shallow copy of the subset.
	* Cons:
		+ Can be less intuitive for those who are used to working with arrays in other programming languages (e.g., Java or C#).
2. **`splice()`**:
	* Pros:
		+ May be more familiar to developers, as it's a common method for modifying arrays.
	* Cons:
		+ Slower and less memory-efficient, since it modifies the original array.

In general, `slice()` is considered faster and more efficient for creating subsets of arrays. However, if you need to modify the subset or work with array-like objects, `splice()` might be a better choice.

**Library/Utility:**

There is no specific library used in this benchmark. The functionality provided by `slice()` and `splice()` is built-in to JavaScript.

**Special JS feature/Syntax:**

There are no special JavaScript features or syntax used in this benchmark. It's a straightforward implementation of two array methods.

**Other alternatives:**

If you need alternative ways to create subsets of arrays, some other options include:

1. **`Array.prototype.slice.call()`**: Creates a new array by calling `slice()` on an existing array.
2. **`array.subarray()`** (ES2015+): Creates a new array by extracting a portion of the original array using the `subarray()` method.
3. **`array.slice()` with optional start and end indices** (ES6+): Creates a new array by extracting a portion of the original array using the `slice()` method.

Keep in mind that these alternatives may have different performance characteristics or use cases, depending on your specific requirements.

In summary, the provided benchmark tests two common approaches to create subsets of arrays: `slice()` and `splice()`. While both methods have their pros and cons, `slice()` is generally considered faster and more efficient.

Related benchmarks:

slice VS splice: who is the fastest to keep constant size (version: 2)

100k list

Comparing performance of: slice vs splice

Created: 5 years ago by: Registered User

Jump to the latest result

slice

splice

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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