Run results for: Performance of Object.values(obj) vs_.values() vs for...in to extract values from an object Andrey

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.

Run details:

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

Browser: Chrome 83

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
Object.values(obj)	1835656.4 Ops/sec
_.values(obj)	1327908.9 Ops/sec
for...in	1571272.6 Ops/sec
for...in number	658470.8 Ops/sec

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(key); }
   return t;
}

function extractValuesNumver(obj) {
   const t = [];
   for(var key in obj) { t.push(Number(key)); }
   return t;
}

Tests:

Object.values(obj)
var a = { 1: 1, 2: 2, 3: 3}; Object.values(a);
_.values(obj)
var a = { 1: 1, 2: 2, 3: 3}; _.values(a);
for...in
var a = { 1: 1, 2: 2, 3: 3}; extractValues(a);
for...in number
var a = { 1: 1, 2: 2, 3: 3}; extractValuesNumver(a);

Run results for: Performance of Object.values(obj) vs_.values() vs for...in to extract values from an object Andrey

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.

Object.values(obj)

_.values(obj)

for...in

for...in number