Benchmark: Performance of Object.values(obj) vs_.values() vs for...in to extract values from an object

Performance of Object.values(obj) vs_.values() vs for...in to extract values from an object (version: 0)

Compare performance between the native Object.values(obj) function vs the lodash _.values() option and a function that extracts the values of an object using a for...in loop.

Comparing performance of: Object.values(obj) vs _.values(obj) vs for...in

Created: 5 years ago by: Registered User

Jump to the latest result

HTML Preparation code:

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.core.js"></script>

Script Preparation code:

function extractValues(obj) {
   const t = [];
   for(var key in obj) { t.push(obj[key]); }
   return t;
}

Tests:

Object.values(obj)
var a = { a: 1, b: 2, c: 3}; Object.values(a);
_.values(obj)
var a = { a: 1, b: 2, c: 3}; _.values(a);
for...in
var a = { a: 1, b: 2, c: 3}; extractValues(a);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object.values(obj)
_.values(obj)
for...in

Fastest: N/A

Slowest: N/A

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

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark definition and test cases.

**Benchmark Definition**

The benchmark is designed to compare the performance of three approaches to extract values from an object:

1. `Object.values(obj)`: The native JavaScript method that returns an array-like object containing the values of the object.
2. `_values()` option: A function from the Lodash library that does the same thing as `Object.values()`.
3. `for...in` loop: A manual approach using a loop to extract the values from the object.

**What's being tested**

The benchmark is testing which approach has the best performance in terms of the number of executions per second. The test is run on various browsers and devices, and the results are displayed as a raw UA string, browser version, device platform, operating system, executions per second, and test name.

**Options compared**

Here's a brief overview of each option:

1. `Object.values(obj)`:
	* Pros: Native JavaScript method, efficient, straightforward.
	* Cons: May not work in older browsers or with non-standard objects.
2. `_values()` option (Lodash):
	* Pros: Portable across browsers and platforms, easy to use.
	* Cons: Adds an extra dependency (Lodash) and may have a small performance overhead due to the library's overhead.
3. `for...in` loop:
	* Pros: Portable across browsers and platforms, no dependencies required.
	* Cons: Manual, error-prone, and can be slower than native methods.

**Library used**

The Lodash library is used in the `_values()` option. Lodash is a popular JavaScript utility library that provides various functions for tasks like array manipulation, object transformation, and more. The `_.values()` function is just one of many utility functions available in Lodash.

**Special JS feature or syntax**

None mentioned in this benchmark definition.

**Benchmark preparation code**

The script preparation code defines the `extractValues` function that manually extracts values from an object using a `for...in` loop.

**Individual test cases**

Each test case consists of a benchmark definition and a test name. The definitions use a sample object with three properties (a, b, c) to demonstrate each approach.

Now, let's discuss other alternatives:

* **Other native JavaScript methods**: There may be other native JavaScript methods that can achieve similar results, such as `Object.keys()` or `Object.entries()`, but these might not directly compare to the original `Object.values()` method.
* **Alternative libraries or frameworks**: Other JavaScript libraries or frameworks might provide their own optimized versions of value extraction functions, which could potentially outperform Lodash's `_values()` function.

Keep in mind that benchmarks can be subjective and influenced by various factors, including the specific use case, environment, and hardware. The results of this benchmark should be taken as a general indication of performance rather than an absolute measure.

Latest run results:

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

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

Browser/OS: Chrome 130 on Windows

View result in a separate tab

Test name	Executions per second
Object.values(obj)	9743779.0 Ops/sec
_.values(obj)	8549659.0 Ops/sec
for...in	12317239.0 Ops/sec

Related benchmarks:

Performance of Object.values(obj) vs_.values() vs for...in to extract values from an object (version: 0)

Compare performance between the native Object.values(obj) function vs the lodash _.values() option and a function that extracts the values of an object using a for...in loop.

Comparing performance of: Object.values(obj) vs _.values(obj) vs for...in

Created: 5 years ago by: Registered User

Jump to the latest result

Object.values(obj)

_.values(obj)

for...in

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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