Benchmark: Performance of Object.values(obj) vs_.values() vs for...in to extract values from an object with 1000 entries-2

Performance of Object.values(obj) vs_.values() vs for...in to extract values from an object with 1000 entries-2 (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: 4 years ago by: Guest

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 i; var a = {}; for (i = 0; i < 1000; i++) { a[i + ""] = i + "text"; } Object.values(a);
_.values(obj)
var i; var a = {}; for (i = 0; i < 1000; i++) { a[i + ""] = i + "text"; } _.values(a);
for...in
var i; var a = {}; for (i = 0; i < 1000; i++) { a[i + ""] = i + "text"; } 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: one year ago)

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

Browser/OS: Chrome 115 on Windows

View result in a separate tab

Test name	Executions per second
Object.values(obj)	25393.9 Ops/sec
_.values(obj)	18673.3 Ops/sec
for...in	16724.4 Ops/sec

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

LLMs can make mistakes. Check important info.

I'll break down the provided benchmark JSON and explain what's being tested, compared, and their pros and cons.

**Benchmark Definition**

The benchmark is designed to compare the performance of three approaches:

1. **Native `Object.values(obj)`**: This method returns an array of values from the object using the `values()` method.
2. **Lodash `.values()`**: This method is part of the Lodash library, which provides a utility function for converting objects into arrays.
3. **Manual `for...in` loop**: This approach uses a traditional `for...in` loop to extract values from the object.

**Library: Lodash**

The Lodash library is a JavaScript utility library that provides various functions for tasks like array manipulation, string manipulation, and object manipulation. In this benchmark, the `.values()` method is used to convert an object into an array.

**Special JS Feature/Syntax: `for...in` loop**

The manual `for...in` loop approach uses a traditional JavaScript syntax to iterate over the object's properties and extract values.

**Benchmark Comparison**

Here's what's being compared:

* **Native `Object.values(obj)`**: This method is optimized by the JavaScript engine and should be the fastest.
* **Lodash `.values()`**: This method adds an extra layer of indirection, which may impact performance.
* **Manual `for...in` loop**: This approach requires manual iteration over the object's properties, which can lead to slower performance due to the overhead of the loop.

**Pros and Cons**

* **Native `Object.values(obj)`**:
	+ Pros: Optimized by JavaScript engine, likely to be fastest.
	+ Cons: May not work well with certain types of objects or in specific scenarios.
* **Lodash `.values()`**:
	+ Pros: Provides a convenient way to convert an object into an array.
	+ Cons: Adds extra indirection, may impact performance.
* **Manual `for...in` loop**:
	+ Pros: Can be useful for learning and understanding the underlying mechanics of JavaScript.
	+ Cons: Requires manual iteration, likely to be slower.

**Other Alternatives**

If you need to extract values from an object in JavaScript, other alternatives might include:

* Using `Object.keys()` and indexing into the resulting array
* Using a library like Underscore.js (similar to Lodash) or Moment.js (for date manipulation)
* Using a modern JavaScript feature like destructuring assignment or `Array.from()`

Keep in mind that the choice of method depends on your specific use case, performance requirements, and personal preference.

Related benchmarks:

Performance of Object.values(obj) vs_.values() vs for...in to extract values from an object with 1000 entries-2 (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: 4 years ago by: Guest

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 2 months ago):