Benchmark: Object.keys/Object.values/Object.entries

Object.keys/Object.values/Object.entries (version: 0)

We could use each of those methods to access a property value. In circumstances where we don't need both the key and the value. Which of those is faster however?

Comparing performance of: Object.keys - get all values vs Object.values - get all values vs Object.entries - get all values vs Object.keys - get first vs Object.values - get first value vs Object.entries - get first value

Created: 2 years ago by: Registered User

Jump to the latest result

Script Preparation code:

window.testObject = {};

for (i = 0; i <= 100000; i++) {
	testObject[i] = Math.random();
}

Tests:

Object.keys - get all values
Object.keys(window.testObject).map(key => window.testObject[key])
Object.values - get all values
Object.values(window.testObject)
Object.entries - get all values
Object.entries(window.testObject).map(result => result[1]);
Object.keys - get first
window.testObject[Object.keys(window.testObject)[0]]
Object.values - get first value
Object.values(window.testObject)[0]
Object.entries - get first value
Object.entries(window.testObject)[0][1]

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object.keys - get all values
Object.values - get all values
Object.entries - get all values
Object.keys - get first
Object.values - get first value
Object.entries - get first value

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

**Benchmark Overview**

The provided JSON represents a JavaScript microbenchmarking test created using MeasureThat.net. The test aims to compare the performance of three different approaches to access property values in an object: `Object.keys`, `Object.values`, and `Object.entries`.

**Options Compared**

The benchmark compares the execution time of each approach for two scenarios:

1. Getting all values from an object.
2. Getting the first value from an object.

In both cases, the test creates a large object with 100,000 properties and populates it with random values.

**Approaches Compared**

1. **Object.keys**: This method returns an array of keys in the object, allowing you to access each key-value pair individually.
2. **Object.values**: This method returns an array of values in the object, allowing you to access each value directly.
3. **Object.entries**: This method returns an array of [key, value] pairs in the object, allowing you to access both the key and value for each property.

**Pros and Cons**

* **Object.keys**:
	+ Pros: Simple and widely supported.
	+ Cons: Requires multiple iterations (map() function) to access values, which can be slower due to array iteration overhead.
* **Object.values**:
	+ Pros: Accessing values directly without the need for iteration.
	+ Cons: Limited control over key-value pairs; only returns an array of values.
* **Object.entries**:
	+ Pros: Provides both key and value for each property, which can be useful in some scenarios.
	+ Cons: Requires multiple iterations (map() function) to access individual values.

**Library Usage**

None of the benchmark definitions explicitly use any libraries or modules. However, `MeasureThat.net` is likely using its own internal implementation details to execute the benchmarks.

**Special JavaScript Features/Syntax**

No special JavaScript features or syntax are used in these test cases. They are straightforward vanilla JavaScript implementations.

**Alternative Approaches**

Other approaches to access property values could include:

* Using a simple loop with `for...in` or `for...of` statements.
* Utilizing libraries like Lodash or Underscore.js, which provide utility functions for working with objects and arrays.

However, these alternatives are not compared in this specific benchmark.

Latest run results:

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

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36

Browser/OS: Chrome 101 on Windows

View result in a separate tab

Test name	Executions per second
Object.keys - get all values	28.1 Ops/sec
Object.values - get all values	1806.2 Ops/sec
Object.entries - get all values	41.8 Ops/sec
Object.keys - get first	142.7 Ops/sec
Object.values - get first value	1859.3 Ops/sec
Object.entries - get first value	46.3 Ops/sec

Related benchmarks:

Object.keys/Object.values/Object.entries (version: 0)

We could use each of those methods to access a property value. In circumstances where we don't need both the key and the value. Which of those is faster however?

Comparing performance of: Object.keys - get all values vs Object.values - get all values vs Object.entries - get all values vs Object.keys - get first vs Object.values - get first value vs Object.entries - get first value

Created: 2 years ago by: Registered User

Jump to the latest result

Object.keys - get all values

Object.values - get all values

Object.entries - get all values

Object.keys - get first

Object.values - get first value

Object.entries - get first value

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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