Benchmark: for-in vs object.keys vs object.values for objects

Script Preparation code:

var obj = {
  'a': {
    id: 'a',
    num: 1
  },
  'b': {
    id: 'b',
    num: 1
  },
  'c': {
    id: 'c',
    num: 1
  },
  'd': {
    id: 'd',
    num: 1
  },
  'e': {
    id: 'e',
    num: 1
  },
  'f': {
    id: 'f',
    num: 1
  },
  'g': {
    id: 'g',
    num: 1
  },
};

Tests:

for-in
for (var i=10000; i > 0; i--) { for (var key in obj) { console.log(obj[key].id); } }
Object.keys
for (var i=10000; i > 0; i--) { Object.keys(obj).forEach(key => console.log(obj[key].id)); }
Object.values
for (var i=10000; i > 0; i--) { Object.values(obj).forEach(n => console.log(n.id)); }

Historical Performance Data aggregated from 227 community runs

Desktop Results:

Chrome 162 runs

for-in

6/s

Object.keys

4/s

Object.values

4/s

Fastest: for-in (1.3x faster)

View exact numbers

✓ for-in: 6 ops/sec
• Object.keys: 4 ops/sec
• Object.values: 4 ops/sec

Firefox 51 runs

for-in

3/s

Object.keys

3/s

Object.values

3/s

View exact numbers

✓ for-in: 3 ops/sec
• Object.keys: 3 ops/sec
• Object.values: 3 ops/sec

Safari 7 runs

for-in

17/s

Object.values

14/s

Object.keys

13/s

Fastest: for-in (1.3x faster)

View exact numbers

✓ for-in: 17 ops/sec
• Object.values: 14 ops/sec
• Object.keys: 13 ops/sec

Mobile Results:

Chrome 7 runs

for-in

1/s

Object.values

1/s

Object.keys

1/s

Fastest: for-in (1.1x faster)

View exact numbers

✓ for-in: 1 ops/sec
• Object.values: 1 ops/sec
• Object.keys: 1 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
for-in
Object.keys
Object.values

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one month ago)

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

Browser/OS: Firefox 151 on Ubuntu

View result in a separate tab

Object.values

3/s

Object.keys

2/s

for-in

2/s

View exact numbers

Test name	Executions per second
✓ Object.values	3 Ops/sec
Object.keys	2 Ops/sec
for-in	2 Ops/sec

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

LLMs can make mistakes. Check important info.

**What is being tested:**
The provided benchmark tests the performance of three different approaches to iterate over objects in JavaScript:

1. `for-in` loop
2. `Object.keys()` method
3. `Object.values()` method

These approaches are used to print the `id` property of each object in the input JSON object.

**Options compared:**

* `for-in`: uses a traditional for loop with an explicit iteration variable (`var i = 10000;`) and checks each property of the object using `in`.
* `Object.keys()`: uses the `Object.keys()` method to get an array of property names of the object, which is then iterated over using `forEach()`.
* `Object.values()`: uses the `Object.values()` method to get an array of property values of the object, which is then iterated over using `forEach()`.

**Pros and Cons:**

* `for-in` loop:
	+ Pros: simple and widely supported.
	+ Cons: can be slow due to the overhead of checking each property in the object.
	+ Can also iterate over inherited properties, which may not be desirable.
* `Object.keys()`: 
	+ Pros: modern and efficient way to get an array of property names.
	+ Cons: requires the presence of a `for...of` loop or `forEach()` method, which can add overhead.
* `Object.values()`: 
	+ Pros: provides a direct way to get an array of values without iterating over property names.
	+ Cons: may not be supported in older browsers or environments.

**Library usage:**
None of the benchmark cases use any external libraries. The `Object.keys()` and `Object.values()` methods are built-in JavaScript features.

**Special JS feature or syntax:**
No special JavaScript features or syntax are used in these benchmark cases. However, it's worth noting that the `for...of` loop (not explicitly used here) is a relatively new feature introduced in ECMAScript 2015, and its usage may affect performance.

**Other alternatives:**
Other alternatives to iterate over objects could include:

* Using `Array.prototype.forEach()` with an array of property names or values.
* Using a custom function to iterate over the object's properties.
* Using a library like Lodash or Ramda for functional programming approaches.

Keep in mind that these alternatives may have different performance characteristics and may not be supported in all browsers or environments.

for-in vs object.keys vs object.values for objects (version: 0)

Comparing performance of: `for-in vs Object.keys vs Object.values`

Created: 5 years ago by: Guest

Go to the latest result

for-in

Object.keys

Object.values

Historical Performance Data aggregated from 227 community runs

Desktop Results:

Chrome 162 runs

Firefox 51 runs

Safari 7 runs

Mobile Results:

Chrome 7 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

for-in vs object.keys vs object.values for objects (version: 0)

Comparing performance of: for-in vs Object.keys vs Object.values

Created: 5 years ago by: Guest

Go to the latest result

for-in

Object.keys

Object.values

Historical Performance Data aggregated from 227 community runs

Desktop Results:

Chrome 162 runs

Firefox 51 runs

Safari 7 runs

Mobile Results:

Chrome 7 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

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

Related benchmarks

Comparing performance of: `for-in vs Object.keys vs Object.values`