Run results for: spread vs loop

Run details:

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: Chrome 140

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 10 months ago

SPREAD OBJECT

87.7M/s

LOOP OBJECT

15.4M/s

LOOP ARRAY

969K/s

SPREAD ARRAY

15K/s

View exact numbers

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 }), {});