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: 6 years ago by: Guest

Go 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[t.length] = 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

Latest run results:

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

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:152.0) Gecko/20100101 Firefox/152.0

Browser/OS: Firefox 152 on Linux

View result in a separate tab

for-in

66.1M/s

Object.values(obj)

45.7M/s

_.values(obj)

12.0M/s

View exact numbers

Test name	Executions per second
✓ for-in	66,119,684 Ops/sec
Object.values(obj)	45,716,932 Ops/sec
_.values(obj)	12,019,022 Ops/sec

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

LLMs can make mistakes. Check important info.

**Benchmark Explanation**

The provided benchmark compares the performance of three approaches to extract values from an object:

1. **Native `Object.values()`**: This is a built-in JavaScript method that returns an array containing all the values of an object, excluding keys.
2. **Lodash `_values()`**: This is a utility function from the popular Lodash library that also extracts values from an object and returns them as an array.
3. **Custom `for...in` loop**: The benchmark uses a custom function (`extractValues`) that iterates over the object's properties using a `for...in` loop, extracting each value and adding it to an array.

**Pros and Cons of Each Approach**

1. **Native `Object.values()`**:
	* Pros: Fast, lightweight, and optimized for performance.
	* Cons: May not be supported in older browsers or versions of JavaScript.
2. **Lodash `_values()`**:
	* Pros: Easy to use, well-maintained, and widely adopted library.
	* Cons: Adds an extra dependency (the Lodash library) and may have a larger size impact compared to native methods.
3. **Custom `for...in` loop**:
	* Pros: Control over the extraction process and no dependencies on libraries.
	* Cons: Can be slower due to the overhead of the loop, especially for large objects.

**Library and Special JS Feature Explanation**

The benchmark uses Lodash library, which is a popular utility belt that provides a wide range of functions for various tasks. In this case, `_values()` is used as a convenient alternative to implementing the same functionality manually.

There are no special JavaScript features or syntax used in the benchmark.

**Other Alternatives**

For extracting values from an object, other alternatives could include:

* `Object.keys()`, which returns an array of an object's own enumerable property names. You can use this with `forEach` or `map` to extract values.
* `Object.entries()` and then using `Array.prototype.map` or a custom loop to extract values.

**Benchmark Considerations**

The benchmark is designed to compare the performance of these three approaches in different browsers and devices. The test cases are relatively simple, as they only involve creating an object with some values and extracting those values using each approach. To make the benchmark more realistic, additional factors like object size, complexity, or other dependencies could be introduced.

The latest benchmark results show that:

* `for-in` (custom loop) is the fastest in this specific test case.
* `Object.values()` is the second-fastest, closely followed by `_values()` (Lodash).

These results may vary depending on the actual use cases and scenarios where these approaches are used.