Benchmark: Object.entries vs Object.keys vs for...in

Script Preparation code:

var obj = {};

for (let i = 0; i < 100; i++) {
  obj[`k_${i}`] = i;
}

Tests:

Object.entries
for (const [k, v] of Object.entries(obj)) console.log(k, v);
Object.keys
for (const k of Object.keys(obj)) console.log(k, obj[k]);
for...in
for (const k in obj) console.log(k, obj[k]);

Historical Performance Data aggregated from 20 community runs

Desktop Results:

Chrome 11 runs

for...in

3K/s

Object.entries

3K/s

Object.keys

3K/s

View exact numbers

✓ for...in: 2,839 ops/sec
• Object.entries: 2,830 ops/sec
• Object.keys: 2,820 ops/sec

Firefox 9 runs

Object.keys

2K/s

for...in

2K/s

Object.entries

2K/s

View exact numbers

✓ Object.keys: 2,135 ops/sec
• for...in: 2,125 ops/sec
• Object.entries: 1,993 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
Object.entries
Object.keys
for...in

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 3 months ago)

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

Browser/OS: Chrome 147 on Linux

View result in a separate tab

for...in

3K/s

Object.keys

2K/s

Object.entries

2K/s

View exact numbers

Test name	Executions per second
✓ for...in	2,533 Ops/sec
Object.keys	2,312 Ops/sec
Object.entries	2,174 Ops/sec

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

LLMs can make mistakes. Check important info.

**What is being tested?**

On the provided JSON, three JavaScript microbenchmarks are defined to compare the performance of different approaches to iterate over an object:

1. `for...in` loop
2. `Object.keys()` method
3. `Object.entries()` method

These methods are used to access and manipulate the properties of an object.

**Options compared**

The benchmark compares the performance of these three approaches:

* `for...in`: a traditional loop that iterates over the properties of an object using the `in` keyword.
* `Object.keys()`: returns an array of strings containing the property names of an object.
* `Object.entries()`: returns an array of tuples containing the property keys and values of an object.

**Pros and cons**

Here's a brief summary of each approach:

* **For...in**: Pros: simple and straightforward, can be used to iterate over both enumerable and non-enumerable properties. Cons: may not work correctly with some types of objects (e.g., arrays), can be slow for large objects.
* **Object.keys()**: Pros: fast and efficient, only returns enumerable property names. Cons: requires an additional step to access the values associated with each key, can be slower than `for...in` in some cases.
* **Object.entries()**: Pros: provides both keys and values directly, fast and efficient for large objects. Cons: only works with modern browsers that support it.

**Library and special JS feature**

None of these methods rely on external libraries or specific JavaScript features beyond the standard object model.

However, note that `for...in` can be affected by the `Strict Mode` behavior, which was introduced in ECMAScript 5. In Strict Mode, `for...in` only iterates over enumerable properties, whereas in Non-Strict Mode, it also includes non-enumerable properties. The benchmark does not specify whether to use Strict or Non-Strict Mode.

**Other alternatives**

If you need to iterate over an object's properties and values, other approaches might include:

* Using `forEach()` method: `obj.forEach(function(value, key) { console.log(key, value); });`
* Using a `for` loop with array indices: `for (var i = 0; i < obj.length; i++) { console.log(obj[i]); }`
* Using `map()`, `filter()`, and other array methods to extract the desired values.

Keep in mind that these alternatives might not be as efficient or straightforward as using one of the three original approaches, depending on your specific use case.

Object.entries vs Object.keys vs for...in (version: 0)

Comparing performance of: `Object.entries vs Object.keys vs for...in`

Created: 5 years ago by: Registered User

Go to the latest result

Object.entries

Object.keys

for...in

Historical Performance Data aggregated from 20 community runs

Desktop Results:

Chrome 11 runs

Firefox 9 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Object.entries vs Object.keys vs for...in (version: 0)

Comparing performance of: Object.entries vs Object.keys vs for...in

Created: 5 years ago by: Registered User

Go to the latest result

Object.entries

Object.keys

for...in

Historical Performance Data aggregated from 20 community runs

Desktop Results:

Chrome 11 runs

Firefox 9 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: `Object.entries vs Object.keys vs for...in`