Benchmark: Create Array of length 10, where each element is an empty array

Tests:

1️⃣ Array.from()
const arr = Array.from({ length: 10 }, () => []);
2️⃣ Array() and map()
const arr2 = Array(10) .fill() .map(() => []);
3️⃣ for loop
const arr3 = []; for (let i = 0; i < 10; i += 1) { arr3.push([]); }
4️⃣ while loop
const arr4 = []; let i = 0; while (i < 10) { arr4.push([]); i++; }
5️⃣ do while loop
const arr5 = []; let j = 0; do { arr5.push([]); j++; } while (j < 10);
6️⃣ for of loop
const arr6 = []; for (const _ of Array(10)) { arr6.push([]); }
7️⃣ ... spread operator, Array() and map()
const arr7 = [...Array(10)].map(() => []);
8️⃣ Array() and fill()
const arr8 = Array(10).fill([]);

Rendered benchmark preparation results:

Previous results

Test case name	Result
1️⃣ Array.from()
2️⃣ Array() and map()
3️⃣ for loop
4️⃣ while loop
5️⃣ do while loop
6️⃣ for of loop
7️⃣ ... spread operator, Array() and map()
8️⃣ Array() and fill()

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

Latest run results:

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

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

Browser/OS: Chrome 106 on Mac OS X 10.14.3

Test name	Executions per second
1️⃣ Array.from()	551634.3 Ops/sec
2️⃣ Array() and map()	1577365.0 Ops/sec
3️⃣ for loop	11605400.0 Ops/sec
4️⃣ while loop	13395870.0 Ops/sec
5️⃣ do while loop	10653700.0 Ops/sec
6️⃣ for of loop	2590715.0 Ops/sec
7️⃣ ... spread operator, Array() and map()	2525534.0 Ops/sec
8️⃣ Array() and fill()	2613170.0 Ops/sec

Create Array of length 10, where each element is an empty array (version: 0)