Run results for: JavaScript Fastest Array Copy

Run details:

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

Browser: Chrome 103

Operating system: Mac OS X 10.11.6

Device Platform: Desktop

Date tested: 4 months ago

Test name	Executions per second
Array.concat	68672136.0 Ops/sec
Array.slice	110291744.0 Ops/sec
For loop	1909684.8 Ops/sec
For loop with declared length	2039135.4 Ops/sec
While loop	2033041.4 Ops/sec
Spread operator	53018892.0 Ops/sec
Slice with begin argument	108531112.0 Ops/sec
Slice with begin and end argument	23155362.0 Ops/sec

Script Preparation code:

var arrayToCopy = [ "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello", "hello" ];

Tests:

Array.concat
var shallowCopy = arrayToCopy.concat();
Array.slice
var shallowCopy = arrayToCopy.slice();
For loop
var shallowCopy = []; for (let i = 0; i < arrayToCopy.length; ++i) { shallowCopy.push(arrayToCopy[i]); }
For loop with declared length
var shallowCopy = []; var arrayLength = arrayToCopy.length; for (let i = 0; i < arrayLength; ++i) { shallowCopy.push(arrayToCopy[i]); }
While loop
var shallowCopy = []; let i = arrayToCopy.length - 1; while (i--) { shallowCopy.push(arrayToCopy[i]); }
Spread operator
var shallowCopy = [...arrayToCopy];
Slice with begin argument
var shallowCopy = arrayToCopy.slice(0);
Slice with begin and end argument
var shallowCopy = arrayToCopy.slice(0, arrayToCopy.length);

Run results for: JavaScript Fastest Array Copy

Testing the results for the fastest approach of shallow copying an array in JavaScript (concat, slice, for loop, while loop, spread operator).

Array.concat

Array.slice

For loop

For loop with declared length

While loop

Spread operator

Slice with begin argument

Slice with begin and end argument