Benchmark: Object.entries VS Object.keys VS Object.entries with for of

Script Preparation code:

function makeid() {
  var text = "";
  var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

  for (var i = 0; i < 5; i++)
    text += possible.charAt(Math.floor(Math.random() * possible.length));

  return text;
}

window.parentObj = {};

for (let i = 0; i < 100; i++) {
	window.parentObj[makeid()] = makeid();
}

Tests:

Object.entries + foreach
const newObj = {}; Object.keys(window.parentObj).forEach((k) => { newObj[k] = window.parentObj[k]; });
Object.keys + foreach
const newObj = {}; Object.entries(window.parentObj).forEach(([k, v]) => { newObj[k] = v; });
Object.entries + for of
const newObj = {}; for (const [k, v] of Object.entries(window.parentObj)) { newObj[k] = v; }

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object.entries + foreach
Object.keys + foreach
Object.entries + for of

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

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

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:89.0) Gecko/20100101 Firefox/89.0

Browser/OS: Firefox 89 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
Object.entries + foreach	32480.2 Ops/sec
Object.keys + foreach	65823.9 Ops/sec
Object.entries + for of	62719.5 Ops/sec

Object.entries VS Object.keys VS Object.entries with for of (version: 0)

Comparing performance of: Object.entries + foreach vs Object.keys + foreach vs Object.entries + for of

Created: 2 years ago by: Guest

Jump to the latest result

Object.entries + foreach

Object.keys + foreach

Object.entries + for of

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A