Benchmark: Object.keys().length vs for i in object i++ vs Object.entries().length vs Object.values().length

Script Preparation code:

var object = {};
for (let i = 1; i <= 100000; i++) object[String(i)] = i;

Tests:

Object.keys().length
Object.keys(object).length
for in i++
let i = 0; for (const k in object) i++;
Object.entries().length
Object.entries(object).length
Object.values().length
Object.values(object).length

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object.keys().length
for in i++
Object.entries().length
Object.values().length

Fastest: N/A

Slowest: N/A

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:94.0) Gecko/20100101 Firefox/94.0

Browser/OS: Firefox 94 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
Object.keys().length	194.8 Ops/sec
for in i++	41.2 Ops/sec
Object.entries().length	71.0 Ops/sec
Object.values().length	694.7 Ops/sec

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

LLMs can make mistakes. Check important info.

**Benchmark Overview**

The provided benchmark measures the performance of different methods to iterate over an object in JavaScript:

1. `Object.keys()` + `.length`
2. `for...in` loop with `i++`
3. `Object.entries()` + `.length`
4. `Object.values()` + `.length`

**Options Comparison**

Each option has its pros and cons:

* **`Object.keys().length`**: This method is concise and easy to read, but it may not be the fastest approach because it returns an array of keys without any iteration.
* **`for...in` loop with `i++`**: This method can iterate over the object's properties, but it has a slower performance compared to other methods due to the unnecessary increment operation. However, it allows for more control and flexibility in iterating over the object's properties.
* **`Object.entries()` + `.length`**: This method returns an array of key-value pairs, allowing for iteration over both keys and values. It is generally faster than `for...in` loop with `i++`, but may not be as concise.
* **`Object.values()` + `.length`**: This method returns only the object's values, making it suitable when you need to iterate only over the values. However, it may not be suitable for cases where you also need to access the corresponding keys.

**Library and Special JS Feature**

The provided benchmark uses no specific libraries or special JavaScript features other than the built-in `Object` methods.

**Benchmark Preparation Code**

The script preparation code creates a large object with 100,000 properties and assigns each property an integer value. This allows for high-performance iterations over the object's properties.

**Other Alternatives**

If you're looking for alternative approaches to measure performance in JavaScript, consider:

* **Using `for...of` loop**: Introduced in ECMAScript 2015 (ES6), `for...of` loops provide a more concise and readable way to iterate over arrays and iterables.
* **Utilizing `reduce()` method**: Another built-in method that allows for efficient iteration and aggregation of data.
* **Profiling with tools like WebPageTest or Chrome DevTools**: Provide more detailed performance insights, especially when comparing different libraries or frameworks.

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

Related benchmarks:

Object.keys().length vs for i in object i++ vs Object.entries().length vs Object.values().length (version: 2)

Comparing performance of: Object.keys().length vs for in i++ vs Object.entries().length vs Object.values().length

Created: 3 years ago by: Registered User

Jump to the latest result

Object.keys().length

for in i++

Object.entries().length

Object.values().length

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