Run results for: new Array from vs slice vs push vs index vs spread (with array prepared)

Run details:

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

Browser: Chrome 122

Operating system: Linux

Device Platform: Desktop

Date tested: 2 years ago

Array spread

11.0M/s

Array.from

4.7M/s

Array.slice

4.5M/s

Array[index]

964K/s

Array.push

930K/s

View exact numbers

Script Preparation code:

var elements = [...document.all];

Tests:

Array.from
const arr = Array.from(elements);
Array.slice
const arr = Array.prototype.slice.call(elements, 0);
Array.push
const amount = elements.length; const arr = []; for (let i = 0; i < amount; i += 1) arr.push(elements[i]);
Array[index]
const amount = elements.length; const arr = Array(amount); for (let i = 0; i < amount; i += 1) arr[i] = elements[i];
Array spread
const arr = [...elements];