Benchmark: Create New Array & Fill it

Script Preparation code:

var length = 1000000;
var fillWith = 5;

Tests:

Map
const array = [...Array(length)].map(() => fillWith);
Array.apply + Fill
const array = Array.apply([], { length }).fill(fillWith);
While Loop
let index = length - 1; const array = []; while (index-- > 0) array[index] = fillWith;
For Loop
const array = []; for (let index = length - 1; index >= 0; index--) array[index] = fillWith;
New Array + Fill
const array = new Array(length).fill(fillWith);
Array Literal With Length + Fill
const array = []; array.length = length; array.fill(fillWith);

Rendered benchmark preparation results:

Previous results

Test case name	Result
Map
Array.apply + Fill
While Loop
For Loop
New Array + Fill
Array Literal With Length + Fill

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

Latest run results:

Run details: (Test run date: 2 years ago)

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

Browser/OS: Chrome 99 on Mac OS X 10.15.7

Test name	Executions per second
Map	21.6 Ops/sec
Array.apply + Fill	0.0 Ops/sec
While Loop	16.2 Ops/sec
For Loop	16.2 Ops/sec
New Array + Fill	856.0 Ops/sec
Array Literal With Length + Fill	847.9 Ops/sec

Create New Array & Fill it (version: 0)