Benchmark: Template string vs array join vs array push+join

Tests:

Template string slicing
const id = '10135533-2332-4012-aada-b36571a05399'; `${id.slice(1, 8)}${id.slice(9, 13)}${id.slice(15, 18)}`
Array push and join
const id = '10135533-2332-4012-aada-b36571a05399'; const timeStampParts = [] const chars = id.split('') let index = 0 for (const char of chars) { if ( (index !== 0 && index < 8) || (index >= 9 && index < 13) || (index >= 15 && index < 18) ) { timeStampParts.push(char) } index += 1 } const timestamp = timeStampParts.join('')
Array join
const id = '10135533-2332-4012-aada-b36571a05399'; [id.slice(1, 8), id.slice(9, 13), id.slice(15, 18)].join('')

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

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 14 on iOS 14.0

Template string vs array join vs array push+join (version: 0)