Benchmark: getOwnPropertyNames vs loop vs cached property names

Script Preparation code:

var obj = {
  $names : ['a','b','c'],
  a:1,
  b:2,
  c:3
}

Tests:

getOwnPropertyNames
var ks = Object.getOwnPropertyNames(obj); var n = 0; for (var i = 0; i < ks.length; i++) { var k = ks[i]; if (k.charAt(0) == '$') continue; n++; }
Cached property names
var ks = obj['$names']; var n = 0; for (var i = 0; i < ks.length; i++) { var k = obj[ks[i]]; n++; }
for in
var n = 0; for (var k in obj) { if (k.charAt(0) == '$') continue; n++; }
Object.keys
var ks = Object.keys(obj); var n = 0; for (var i = 0; i < ks.length; i++) { var k = ks[i]; if (k.charAt(0) == '$') continue; n++; }

Rendered benchmark preparation results:

Previous results

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

Latest run results:

Run details: (Test run date: 18 days ago)

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

Browser/OS: Firefox 125 on Ubuntu

getOwnPropertyNames vs loop vs cached property names (version: 0)