Run results for: compare the ways to generate an array filled with empty objects for iteration 2

- Array.push - Array.apply: Array.apply(null, Array(100)) - Destructuring operator: [...Array(100)] - Array.prototype.fill Array(100).fill(undefined) - Array.from Array.from({ length: 100 })

Go to the benchmark

Run details:

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

Browser: Chrome 132

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
✓ Array.push	337,739 Ops/sec
Array with length + push	269,604 Ops/sec
new Array.fill(null)	201,916 Ops/sec
Array(n).fill(null)	198,871 Ops/sec
[...Array(n)]	188,454 Ops/sec
Array.apply(null, Array(n))	152,088 Ops/sec
Array.from({ length: n })	40,026 Ops/sec
Array.from({ length:n }, (item, i) => i)	35,139 Ops/sec

Test name

Executions per second

✓ Array.push

337,739 Ops/sec

Array with length + push

269,604 Ops/sec

new Array.fill(null)

201,916 Ops/sec

Array(n).fill(null)

198,871 Ops/sec

[...Array(n)]

188,454 Ops/sec

Array.apply(null, Array(n))

152,088 Ops/sec

Array.from({ length: n })

40,026 Ops/sec

Array.from({ length:n }, (item, i) => i)

35,139 Ops/sec

Tests:

Array.apply(null, Array(n))
Array.apply(null, Array(1000)).map(() => ({}));
[...Array(n)]
[...Array(1000)].map(() => ({}));
Array(n).fill(null)
Array(1000).fill(null).map(() => ({}));
Array.from({ length: n })
Array.from({ length: 1000 }).map(() => {});
Array.from({ length:n }, (item, i) => i)
Array.from({ length:1000 }, () => {});
Array.push
const arr = [] for (let i = 0; i < 1000; ++i) arr.push({})
Array with length + push
const arr = new Array(1000); for (let i = 0; i < 1000; ++i) arr.push({})
new Array.fill(null)
new Array(1000).fill(null).map(() => ({}));