Benchmark: js array copy speed comparison and spread operator

Tests:

map
const arr = Array.from({ length: 10_000 }, (_, i) => i) const newArr = arr.map(e=>e)
array.from
const arr = Array.from({ length: 10_000 }, (_, i) => i) const newArr = Array.from(arr)
for loop
const arr = Array.from({ length: 10_000 }, (_, i) => i) let newArr = []; for(let i = 0; i < arr.length; i++) { newArr[i] = arr[i]; }
foreach
const arr = Array.from({ length: 10_000 }, (_, i) => i) let newArr = [] arr.forEach(e => { newArr.push(e) })
slice
const arr = Array.from({ length: 10_000 }, (_, i) => i) const newArr = arr.slice()
spread
const arr = Array.from({ length: 10_000 }, (_, i) => i) const newArr = [...arr]

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 22 days ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0

Browser/OS: Firefox 130 on Windows

js array copy speed comparison and spread operator (version: 0)