Benchmark: Fizz Buzz with Array fill functions

Tests:

Array join
console.log( Array.apply(null, {length: 100}).map(function(val, index) { return (++index%3?'':'Fizz')+(index%5?'':'Buzz')||index; }).join('\n') );
Array map
console.log( Array.apply(null, {length: 100}).map(function(val, index) { index++; if (index % 15 == 0){return "FizzBuzz";} if (index % 3 == 0){return "Fizz";} if (index % 5 == 0){return "Buzz";} return index; }).join('\n') );
Fill function Map function
console.log( Array(100) .fill((x, div, label) => x % div ? "" : label) .map(function(func, idx) { return func(++idx, 3, "Fizz") + func(idx, 5, "Buzz") || idx }) .join('\n') );
early return minified
console.log( Array(100) .fill((z=>z%15==0?"FizzBuzz":z%3==0?"Fizz":z%5==0?"Buzz":z)) .map(((z,o)=>z(o+1))) .join('\n') );
Map arrow function
console.log( Array(100) .fill((x, div, label) => x % div ? "" : label) .map((func, idx) => func(++idx, 3, "Fizz") + func(idx, 5, "Buzz") || idx) .join('\n') );
Fill with function function
console.log( Array(100) .fill(function(x, div, label) { return x % div ? "" : label}) .map(function(func, idx) { return func(++idx, 3, "Fizz") + func(idx, 5, "Buzz") || idx }) .join('\n') );

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: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.82 Safari/537.36

Browser/OS: Chrome 99 on Windows

Fizz Buzz with Array fill functions (version: 3)