Benchmark: Delete vs destructure for objects

Script Preparation code:

var obj = {
  a:1,
  b:2,
  c:3
}

Tests:

delete
delete obj.a
Rest object
const { a, ...rest } = obj;

Historical Performance Data aggregated from 55 community runs

Desktop Results:

Chrome 49 runs

delete

24.9M/s

Rest object

3.0M/s

Fastest: delete (8.4x faster)

View exact numbers

✓ delete: 24,895,770 ops/sec
• Rest object: 2,969,116 ops/sec

Firefox 6 runs

delete

43.4M/s

Rest object

15.1M/s

Fastest: delete (2.9x faster)

View exact numbers

✓ delete: 43,399,132 ops/sec
• Rest object: 15,051,860 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
delete
Rest object

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 18_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) FxiOS/140.1 Mobile/15E148 Safari/605.1.15

Browser/OS: Mobile Safari 18 on iOS 18.5

View result in a separate tab

delete

490.7M/s

Rest object

22.2M/s

View exact numbers

Test name	Executions per second
✓ delete	490,682,784 Ops/sec
Rest object	22,217,432 Ops/sec

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

LLMs can make mistakes. Check important info.

I'll break down the benchmark and explain what's being tested, compared, and their pros and cons.

**Benchmark Definition**

The benchmark is designed to measure the performance of two different approaches:

1. **Delete**: This approach uses the `delete` operator to remove a property from an object.
2. **Rest Object**: This approach uses destructuring assignment ( introduced in ECMAScript 2015) to extract a subset of properties from an object.

**Options being compared**

The benchmark compares two options for removing or extracting properties from an object:

1. `delete` operator
2. Destructuring assignment ( `const { a, ...rest } = obj;` )

**Pros and Cons**

### Delete Operator

Pros:

* Simple and straightforward syntax
* Widely supported in most browsers and JavaScript engines
* Can be used with any type of object, not just objects

Cons:

* May involve more overhead due to the creation of a new variable ( `obj.a` )
* Can lead to unexpected behavior if not used carefully (e.g., modifying the original object)

### Destructuring Assignment

Pros:

* More concise and expressive syntax
* Only creates a copy of the subset of properties, which can be beneficial for large objects
* Less likely to modify the original object unintentionally

Cons:

* Introduced in ECMAScript 2015, so may not be supported in older browsers or engines
* Requires knowledge of destructuring assignment syntax

**Library and Special JS Feature**

There is no explicit library mentioned in the benchmark definition. However, it's worth noting that the use of `const { a, ...rest } = obj;` demonstrates the use of destructuring assignment, which is a standard JavaScript feature.

**Other Alternatives**

If you're interested in exploring other alternatives for removing or extracting properties from an object, here are a few options:

* Using a function to dynamically remove properties (e.g., `function removeProperty(obj, key) { delete obj[key]; }`)
* Using a library like Lodash's `remove` function
* Using a custom implementation of object removal, such as using a hash table to store property names and values

Keep in mind that these alternatives may have different performance characteristics or trade-offs compared to the `delete` operator and destructuring assignment.

Delete vs destructure for objects (version: 0)

Measure the performance of delete versus removing a prop from an object

Comparing performance of: `delete vs Rest object`

Created: 6 years ago by: Guest

Go to the latest result

delete

Rest object

Historical Performance Data aggregated from 55 community runs

Desktop Results:

Chrome 49 runs

Firefox 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):

Delete vs destructure for objects (version: 0)

Measure the performance of delete versus removing a prop from an object

Comparing performance of: delete vs Rest object

Created: 6 years ago by: Guest

Go to the latest result

delete

Rest object

Historical Performance Data aggregated from 55 community runs

Desktop Results:

Chrome 49 runs

Firefox 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: `delete vs Rest object`