Benchmark: delete vs. destructing ME

Script Preparation code:

var device = {
  
        "Info899": "someValue",
        "Info685": "someValue",
        "Info668": "someValue",
        "Info958": "someValue",
        "Info17": "someValue",
        "Info56": "someValue",
        "Info719": "someValue",
        "Info713": "someValue",
        "Info449": "someValue",
        "Info515": "someValue",
        "Info627": "someValue",
        "Info553": "someValue",
        "Info878": "someValue",
        "Info756": "someValue",
        "Info446": "someValue",
        "Info24": "someValue",
        "Info728": "someValue",
        "Info260": "someValue",
        "Info474": "someValue",
        "Info152": "someValue",
        "Info883": "someValue",
        "Info726": "someValue",
        "Info932": "someValue",
        "Info676": "someValue",
        "Info746": "someValue",
        "Info538": "someValue",
        "Info808": "someValue",
        "Info461": "someValue",
        "Info516": "someValue",
        "Info341": "someValue",
        "Info123": "someValue",
        "Info379": "someValue",
        "Info902": "someValue",
        "Info194": "someValue",
        "Info104": "someValue",
        "Info3": "someValue",
        "Info438": "someValue",
        "Info540": "someValue",
        "Info348": "someValue",
        "Info284": "someValue",
        "Name": "someName",
        "Info48": "someValue",
        "Info556": "someValue",
        "Note": "someNote",
        "Info779": "someValue",
        "Info416": "someValue",
        "Info64": "someValue",
        "Info466": "someValue",
        "Info5": "someValue"
    
};

var properties = ['Note', 'Name'];

Tests:

delete
Object.keys(device).forEach(key => { if (!properties.includes(key)) { delete device[key]; } });
rest
const {Note, Name, ...rest} = device;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
delete
rest

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Firefox 115 on Windows

View result in a separate tab

Test name	Executions per second
delete	5068310.0 Ops/sec
rest	11179905.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 on MeasureThat.net.

**Benchmark Definition JSON**

The provided benchmark definition is a JSON object that describes the experiment. Here's what it contains:

* `Name`: The name of the benchmark, which is "delete vs. destructing ME".
* `Description`: A brief description of the benchmark (empty in this case).
* `Script Preparation Code`: A JavaScript code snippet that creates an object `device` with various properties.
* `Html Preparation Code`: An empty string, indicating no HTML preparation is needed.

**Individual Test Cases**

The benchmark consists of two individual test cases:

1. **"delete"`**: This test case executes the following JavaScript code:
```javascript
Object.keys(device).forEach(key => {
  if (!properties.includes(key)) {
    delete device[key];
  }
});
```
This code iterates over the keys of the `device` object and deletes any key that is not present in the `properties` array.

2. **"rest"`**: This test case executes the following JavaScript code:
```javascript
const { Note, Name, ...rest } = device;
```
This code uses destructuring assignment to extract two properties (`Note` and `Name`) from the `device` object and assigns the rest of the properties to a new variable `rest`.

**Options Compared**

The benchmark compares two options:

1. **Deleting individual properties**: The "delete" test case executes the above JavaScript code, which deletes individual properties from the `device` object.
2. **Destructuring assignment**: The "rest" test case uses destructuring assignment to extract specific properties from the `device` object.

**Pros and Cons**

Here are some pros and cons of each approach:

* **Deleting individual properties**:
	+ Pros: Can be more efficient for small objects or when only a few properties need to be deleted.
	+ Cons: Requires more iterations over the object's keys, which can lead to slower performance for larger objects.
* **Destructuring assignment**:
	+ Pros: More concise and readable code, as it avoids explicit loops and conditional statements.
	+ Cons: May not be as efficient for very large objects or when a significant number of properties need to be deleted.

**Library/Dependancies**

There are no libraries or dependencies mentioned in the benchmark definition. The test cases only rely on built-in JavaScript features.

**Special JS Features/Syntax**

The test case uses destructuring assignment, which is a modern JavaScript feature introduced in ECMAScript 2015 (ES6). This feature allows for concise and expressive code that can make it easier to work with objects.

**Other Alternatives**

If you're interested in exploring alternative approaches, here are some options:

* **Using `Object.fromEntries()`**: Instead of using `delete`, you could use the `Object.fromEntries()` method to create a new object with only the desired properties. This approach would be more concise but might incur performance overhead.
* **Using a loop**: You could use a traditional loop instead of destructuring assignment to extract specific properties from the object. This approach would be less concise but might provide better performance for very large objects.

Keep in mind that the choice of approach depends on your specific use case, performance requirements, and personal preference.

Related benchmarks:

delete vs. destructing ME (version: 4)

Comparing performance of: delete vs rest

Created: 2 years ago by: Registered User

Jump to the latest result

delete

rest

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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