Run results for: Using Intl NumberFormatter vs String manipulation

Run details:

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

Browser: Chrome 97

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
Intl	29760.8 Ops/sec
String	2020180.0 Ops/sec

Tests:

Intl
new Intl.NumberFormat('en-US', { style: 'decimal', useGrouping: true, minimumFractionDigits: 0, maximumFractionDigits: 3, }).format('100000.234')
String
const value = '100000.234'; function decimalFormat(value) { // fix for rounding issues, see Mozilla docs on method toFixed() const normalizedValue = value * 10 ** 3; const formattedValue = normalizedValue.toFixed(0); return +formattedValue / 10 ** 3; } function formatThousandsSeparator(value) { // TODO: consider replacing this later with Intl.NumberFormat const parts = value.toString().split('.'); parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ','); return parts.join('.'); } decimalFormat(formatThousandsSeparator(value))