Benchmark: hasOwnPropery vs Loop vs if ... in vs Object.entries

Script Preparation code:

var value = {
    age: 18,
    male: true,
    name: 'Mark',
    id: 1
}

Tests:

hasOwnPropery
value.hasOwnProperty('name');
Loop
for (const key in value) { if (key === 'name') break; }
if ... in
if ('name' in value) { }
Object.entries
Object.entries(value).find(x => x[0] === 'name')

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

if ... in

17.3M/s

hasOwnPropery

16.5M/s

Loop

15.3M/s

Fastest: if ... in (1.1x faster)

View exact numbers

✓ if ... in: 17,346,984 ops/sec
• hasOwnPropery : 16,507,246 ops/sec
• Loop: 15,300,247 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
hasOwnPropery
Loop
if ... in
Object.entries

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Browser/OS: Chrome 120 on Linux

View result in a separate tab

if ... in

10.6M/s

hasOwnPropery

9.2M/s

Loop

8.8M/s

Object.entries

2.4M/s

View exact numbers

Test name	Executions per second
✓ if ... in	10,628,943 Ops/sec
hasOwnPropery	9,152,810 Ops/sec
Loop	8,803,207 Ops/sec
Object.entries	2,449,282 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 provided benchmark definition and test cases, explaining what's being tested, the pros and cons of each approach, and any relevant libraries or special features used.

**Benchmark Definition JSON**

The benchmark defines four test cases:

1. `hasOwnPropery`
2. `Loop`
3. `if ... in`
4. `Object.entries`

Each test case has a unique "Benchmark Definition" string that specifies the JavaScript code to be executed.

**Script Preparation Code**

The script preparation code is a JavaScript object `value` with properties: `age`, `male`, `name`, and `id`. This object serves as the input data for the benchmark tests.

**Html Preparation Code**

There is no HTML preparation code provided, which means that only JavaScript code execution is being measured.

**Individual Test Cases**

Let's analyze each test case:

1. **`hasOwnPropery`**: Tests whether the property `name` exists directly on the object `value` using the `hasOwnProperty()` method.
```javascript
value.hasOwnProperty('name');
```
Pros: Efficient, as it only checks if the property is present in the object.

Cons: May be slower due to the overhead of the `hasOwnProperty()` method.

2. **`Loop`**: Tests a loop that iterates over the object's properties using the `for...in` loop.
```javascript
for (const key in value) {
  if (key === 'name') break;
}
```
Pros: Can be efficient for simple objects, as it avoids the overhead of built-in methods.

Cons: May not work correctly with objects that have inherited properties or complex property names.

3. **`if ... in`**: Tests an `if` statement using the `in` operator to check if the object has a property called `name`.
```javascript
if ('name' in value) {
  // ...
}
```
Pros: Efficient, as it only checks if the property is present in the object.

Cons: May be slower due to the overhead of the `in` operator, which performs a runtime check against the object's prototype chain.

4. **`Object.entries`**: Tests the use of the `Object.entries()` method to iterate over an object's key-value pairs.
```javascript
Object.entries(value).find(x => x[0] === 'name');
```
Pros: Efficient for objects with many properties, as it avoids the overhead of the `for...in` loop.

Cons: May not work correctly if the object has inherited properties or complex property names.

**Libraries and Special Features**

None of the test cases use any external libraries. However, they do rely on built-in JavaScript features:

* `hasOwnProperty()` method (Test 1)
* `for...in` loop (Test 2)
* `in` operator (Test 3)
* `Object.entries()` method (Test 4)

**Other Alternatives**

If you want to test alternative approaches, here are a few ideas:

* Test the use of `Object.keys()`, `Object.values()`, or other object iteration methods.
* Compare the performance of using `hasOwnProperty()` versus checking if a property is present in the object directly (e.g., using bracket notation).
* Test the performance of different loop constructs, such as using `forEach()` or `reduce()`.

These alternatives can help you gain more insight into the performance characteristics of different JavaScript constructs and iteration methods.

hasOwnPropery vs Loop vs if ... in vs Object.entries (version: 1) Benchmark.js

Comparing performance of: `hasOwnPropery vs Loop vs if ... in vs Object.entries`

Created: 2 years ago by: Registered User

Go to the latest result

hasOwnPropery

Loop

if ... in

Object.entries

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

hasOwnPropery vs Loop vs if ... in vs Object.entries (version: 1) Benchmark.js

Comparing performance of: hasOwnPropery vs Loop vs if ... in vs Object.entries

Created: 2 years ago by: Registered User

Go to the latest result

hasOwnPropery

Loop

if ... in

Object.entries

Historical Performance Data aggregated from 5 community runs

Desktop Results:

Chrome 5 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: `hasOwnPropery vs Loop vs if ... in vs Object.entries`