Run results for: foreach: array vs object keys vs object values vs object entries

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Browser: Chrome 134

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

array

3.0M/s

object with values

513K/s

object with keys

182K/s

object with entries 1

42K/s

object with entries 2

42K/s

View exact numbers

Script Preparation code:

var arr = [];
var obj = {};

for (i = 0; i < 1000; ++i) {
  arr.push(i);
  obj[i] = i;
}

Tests:

array
arr.forEach( (item) => item, );
object with keys
Object.keys(obj).forEach( (key) => key, );
object with values
Object.values(obj).forEach( (value) => value, );
object with entries 1
Object.entries(obj).forEach( (entry) => entry, );
object with entries 2
Object.entries(obj).forEach( ([key, value]) => [key, value], );