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>

AخA
 
<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;
}

 
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);
x

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

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

 
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

Experimental features:

Memory measurements supported only in Chrome.
For precise memory measurements Chrome must be launched with --enable-precise-memory-info flag.
More information: Monitoring JavaScript Memory

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

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:

Native Object.values(obj): This method returns an array of values from the object using the values() method.
Lodash .values(): This method is part of the Lodash library, which provides a utility function for converting objects into arrays.
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.

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: