Run results for: JavaScript Array Shallow Copy: Array.from vs Spread Syntax vs Array.prototype.slice vs Array.prototype.concat

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36

Browser: Chrome 144

Operating system: Windows

Device Platform: Desktop

Date tested: 6 months ago

Array.prototype.slice

6.1M/s

Array.prototype.concat

6.0M/s

Spread Syntax

5.9M/s

Array.from

5.8M/s

For Loop Assign

807K/s

For Loop Push

279K/s

View exact numbers

Script Preparation code:

const array = [];
for (let i = 0; i < 1024; i++)
  array.push(i);

Tests:

Array.from
const a = Array.from(array);
Spread Syntax
const a = [...array];
Array.prototype.slice
const a = array.slice();
Array.prototype.concat
const a = array.concat();
For Loop Push
const a = []; for (const i of array) a.push[i];
For Loop Assign
const a = new Array(array.length); for (let i = 0; i < a.length; i++) a[i] = array[i];