Benchmark: jAg's comparison of unzipping, possibly modifying, and rezipping objects with 500 fields

jAg's comparison of unzipping, possibly modifying, and rezipping objects with 500 fields (version: 0) Benchmark.js

You've got an object with a bunch of fields. You want to iterate through each field and if it matches a certain set of values/state, you want to modify it, and then get the final updated object (ie not just the updated values, but all the unchanged values too. The only thing that doesn't matter is the original value).

Comparing performance of: `Object.entries -> map -> Object.fromEntries vs Object.entries -> reduce (single object) vs Object.entries -> map -> reduce (single object) vs Object.entries -> reduce (temporary objects) vs Object.entries -> map -> reduce (temporary objects) vs new map -> loop over object.entries -> Object.fromEntries`

Created: 2 years ago by: Guest

Go to the latest result

Script Preparation code:

data = {};
const ITERATIONS = 500;
for (i = 0; i < ITERATIONS; ++i) {
  data[i] = Math.random();
}

function switcher(i) {
  return i < 0.5 ? i : i.toString();
}

Tests:

Object.entries -> map -> Object.fromEntries
Object.fromEntries(Object.entries(data).map((key, value) => [key, switcher(value)]));
Object.entries -> reduce (single object)
Object.entries(data).reduce((acc, [k, v]) => { acc[k] = switcher(v) return acc; }, {});
Object.entries -> map -> reduce (single object)
Object.entries(data).map(([k, v]) => [k, switcher(v)]).reduce((acc, [k, v]) => { acc[k] = v return acc; }, {});
Object.entries -> reduce (temporary objects)
Object.entries(data).reduce((acc, [k, v]) => ({ ...acc, [k]: switcher(v) }), {});
Object.entries -> map -> reduce (temporary objects)
Object.entries(data).map(([k, v]) => [k, switcher(v)]).reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {});
new map -> loop over object.entries -> Object.fromEntries
m = new Map(Object.entries(data)) for([k, v] of Object.entries(data)) { const newV = switcher(v); if (newV !== v) { m.set(k, newV); } } Object.fromEntries(m)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Object.entries -> map -> Object.fromEntries
Object.entries -> reduce (single object)
Object.entries -> map -> reduce (single object)
Object.entries -> reduce (temporary objects)
Object.entries -> map -> reduce (temporary objects)
new map -> loop over object.entries -> Object.fromEntries

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36

Browser/OS: Chrome 122 on Linux

View result in a separate tab

Object.entries -> map -> reduce (single object)

5K/s

Object.entries -> reduce (single object)

5K/s

Object.entries -> reduce (temporary objects)

3K/s

Object.entries -> map -> reduce (temporary objects)

2K/s

new map -> loop over object.entries -> Object.fromEntries

888/s

Object.entries -> map -> Object.fromEntries

805/s

View exact numbers

Test name	Executions per second
✓ Object.entries -> map -> reduce (single object)	5,411 Ops/sec
Object.entries -> reduce (single object)	5,276 Ops/sec
Object.entries -> reduce (temporary objects)	2,570 Ops/sec
Object.entries -> map -> reduce (temporary objects)	2,389 Ops/sec
new map -> loop over object.entries -> Object.fromEntries	888 Ops/sec
Object.entries -> map -> Object.fromEntries	805 Ops/sec