Run results for: Spread operator vs. Array.map change elemet

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:124.0) Gecko/20100101 Firefox/124.0

Browser: Firefox 124

Operating system: Ubuntu

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Spread	12213.4 Ops/sec
Map	131006.9 Ops/sec

HTML Preparation code:


<script src=''></script>

Script Preparation code:

permutations = new Array(10000).map(() => ({ pagination: 'blah blah blah' }));
var index = 500;

Tests:

Spread
let newArr = [...permutations] newArr[index] = 'NEW blah blah blah'; return newArr;
Map
const newArr = permutations.map((item, i) => { if (i === index) { return item = 'NEW blah blah blah'; } else { return item; } }) return newArr;