Benchmark: Basic Array processing benchmark

Script Preparation code:

var arr = Array(10_000).fill(0)

Tests:

reduce with new array
arr.reduce((acc, x) => [...acc, x, x], [])
reduce with array mutation
arr.reduce((acc, x) => { acc.push(x); return acc; }, [])
flatMap
arr.flatMap(x => [x, x])
for
const newArray = []; for (let i = 0; arr.length > i; i++) { newArray.push(arr[i]); }
for-of
const newArray = []; for (let x of arr) { newArray.push(x); }
map
arr.map(x => x);
forEach
const newArray = []; arr.forEach(x => newArray.push(x));
values (iterates over for-of)
const newArray = []; for (let x of arr.values()) { newArray.push(x); }

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: 4 months ago)

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

Browser/OS: Chrome 117 on Linux

Basic Array processing benchmark (version: 0)