Run results for: new Intl.DateTimeFormat vs new Date().toLocaleDateString()

Run details:

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

Browser: Chrome 124

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

JavaScript Date Time format using Template Strings.

4.1M/s

JavaScript Date Time format

4.1M/s

new Date()

2.0M/s

Date().toLocaleString()

40K/s

Intl.DateTimeFormat()

40K/s

View exact numbers

Test name	Executions per second
✓ JavaScript Date Time format using Template Strings.	4,111,526 Ops/sec
JavaScript Date Time format	4,095,166 Ops/sec
new Date()	1,997,146 Ops/sec
Date().toLocaleString()	39,730 Ops/sec
Intl.DateTimeFormat()	39,531 Ops/sec

Script Preparation code:

var options = {
  year: 'numeric', month: 'numeric', day: 'numeric',
  hour: 'numeric', minute: 'numeric', second: 'numeric',
  hour12: false,
  fractionalSecondDigits: 3,
}

Tests:

new Date()
(new Date()).toISOString().trim().replace('T', ' ').replace('Z', '')
Intl.DateTimeFormat()
new Intl.DateTimeFormat('en-US', options).format(new Date())
Date().toLocaleString()
new Date().toLocaleString("en-US", options)
JavaScript Date Time format
let date_time = new Date() let formatted_date = date_time.getFullYear() + "-" + (date_time.getMonth() + 1) + "-" + date_time.getDate() + " " + date_time.getHours() + ":" + date_time.getMinutes() + ":" + date_time.getSeconds() + "." + date_time.getMilliseconds()
JavaScript Date Time format using Template Strings.
let date_time = new Date() let formatted_date = `${date_time.getFullYear()}-${date_time.getMonth() + 1}-${date_time.getDate()} ${date_time.getHours()}:${date_time.getMinutes()}:${date_time.getSeconds()}.${date_time.getMilliseconds()}`