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

compare the ways to generate an array filled with empty objects for iteration 2 (version: 1)

- 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 })

Comparing performance of: `Array.apply(null, Array(n)) vs [...Array(n)] vs Array(n).fill(null) vs Array.from({ length: n }) vs Array.from({ length:n }, (item, i) => i) vs Array.push vs Array with length + push vs new Array.fill(null)`

Created: one year ago by: Guest

Go to the latest result

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(() => ({}));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array.apply(null, Array(n))
[...Array(n)]
Array(n).fill(null)
Array.from({ length: n })
Array.from({ length:n }, (item, i) => i)
Array.push
Array with length + push
new Array.fill(null)

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

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/OS: Chrome 132 on Mac OS X 10.15.7

View result in a separate tab

Array.push

338K/s

Array with length + push

270K/s

new Array.fill(null)

202K/s

Array(n).fill(null)

199K/s

[...Array(n)]

188K/s

Array.apply(null, Array(n))

152K/s

Array.from({ length: n })

40K/s

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

35K/s

View exact numbers

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