Run results for: Array reduce using: push VS splice VS spread at beginning VS spread at end

Run details:

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

Browser: Chrome 142

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 7 months ago

Test name	Executions per second
push()	9572.1 Ops/sec
splice (reverse order)	477.3 Ops/sec
spread at beginning (reverse order)	1.7 Ops/sec
spread at end	10.2 Ops/sec

Script Preparation code:

const items = Array.from({ length: 10000 }).map((_, i) => i + 1);

Tests:

push()
const itemsFilled = items.reduce((list, item) => { list.push(`item #${i}`); return list; }, []);
splice (reverse order)
const itemsFilled = items.reduce((list, item) => { list.splice(0, 0, `item #${i}`); return list; }, []);
spread at beginning (reverse order)
const itemsFilled = items.reduce((list, item) => [...list, `item #${i}`], []);
spread at end
const itemsFilled = items.reduce((list, item) => [`item #${i}`, ...list], []);