Run results for: getOwnPropertyNames vs loop vs cached property names

Run details:

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

Browser: Chrome 101

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

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++; }