Run results for: getOwnPropertyNames vs loop vs cached property names

Run details:

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

Browser: Chrome 87

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years 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++; }