Benchmark: spread vs loop - MeasureThat.net

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

let data = [];

for (let i = 0; i < 1000; i++) {
	data.push(i);
}

let obj = data.reduce((acc, item) => ({ ...acc, id: item }), {});

Tests:

SPREAD ARRAY
let items = { ...data };
LOOP ARRAY
let items = data.map((item) => item);
SPREAD OBJECT
let items = { ...obj };
LOOP OBJECT
let items = Object.entries(obj).reduce((acc, [key, item]) => ({ ...acc, [key]: item }), {});

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: 10 months ago)

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

Browser/OS: Chrome 140 on Mac OS X 10.15.7

SPREAD OBJECT

87.7M/s

LOOP OBJECT

15.4M/s

LOOP ARRAY

969K/s

SPREAD ARRAY

15K/s

View exact numbers

spread vs loop (version: 2)