Benchmark: string += vs array joining vs template strings

Tests:

+=
var str = '' var chars = 'abcdefghijklmnoprstuwxyz' while (str.length < 100) str += chars[ Math.floor( Math.random() * chars.length ) ]
array joining
var strarr = [] var chars = 'abcdefghijklmnoprstuwxyz' while (strarr.length < 100) strarr.push(chars[ Math.floor( Math.random() * chars.length ) ]) var str = strarr.join('')
template strings
var str = '' var chars = 'abcdefghijklmnoprstuwxyz' while (str.length < 100) str = `${str}${chars[ Math.floor( Math.random() * chars.length ) ]}`

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

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:72.0) Gecko/20100101 Firefox/72.0

Browser/OS: Firefox 72 on Linux

string += vs array joining vs template strings (version: 0)