Run results for: Getting item by an index in json using for vs Object.keys vs Object.values

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:100.0) Gecko/20100101 Firefox/100.0

Browser: Firefox 100

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
for with a small json	4344629.5 Ops/sec
Object.keys with a small json	1272523.0 Ops/sec
Object.values with a small json	873777.4 Ops/sec
for with a big json	6152.7 Ops/sec
Object.keys with a big json	616.7 Ops/sec
Object.values with a big json	488.2 Ops/sec

Script Preparation code:

var bigJSON = {};
for(var index = 0; index < 100000; index++) bigJSON[Math.random() * 453987] = Math.random() * 3579;
var bigTarget = 54365;

var smallJSON = {};
for(var index = 0; index < 100; index++) smallJSON[Math.random() * 4539] = Math.random() * 357;
var smallTarget = 54;

Tests:

for with a small json
var index = 0; var out; for(var key in smallJSON) { if(index++ != smallTarget) continue; out = smallJSON[key]; break; };
Object.keys with a small json
smallJSON[Object.keys(smallJSON)[smallTarget]];
Object.values with a small json
Object.values(smallJSON)[smallTarget]
for with a big json
var index = 0; var out; for(var key in bigJSON) { if(index++ != bigTarget) continue; out = bigJSON[key]; break; };
Object.keys with a big json
bigJSON[Object.keys(bigJSON)[bigTarget]];
Object.values with a big json
Object.values(bigJSON)[bigTarget]

Run results for: Getting item by an index in json using for vs Object.keys vs Object.values

for with a small json

Object.keys with a small json

Object.values with a small json

for with a big json

Object.keys with a big json

Object.values with a big json