let nums = [];for(let i = 0; i < 100; ++i) { nums.push(String(i));}let nums = [];for(let i = 0; i < 100; ++i) { nums.push(i.toString());}let nums = [];for(let i = 0; i < 100; ++i) { nums.push(`${i}`);}let nums = [];for(let i = 0; i < 100; ++i) { nums.push(i + "");}--enable-precise-memory-info flag.
| Test case name | Result |
|---|---|
| String() | |
| .toString() | |
| template string | |
| concat with string |
| Test name | Executions per second |
|---|---|
| String() | 15198.2 Ops/sec |
| .toString() | 175576.0 Ops/sec |
| template string | 270942.2 Ops/sec |
| concat with string | 272331.6 Ops/sec |
Let's dive into the world of JavaScript microbenchmarks.
Benchmark Overview
The provided JSON represents a benchmark test that compares the performance of different methods for converting numbers to strings in JavaScript. The test has four individual test cases:
String().toString()${})+ "")Library and Features
None of these test cases rely on any external libraries or special JS features, so we can focus on the JavaScript syntax itself.
Options Compared
The four options being compared are:
String(): The built-in String() function in JavaScript..toString(): The toString() method on numbers in JavaScript (which is equivalent to calling String()).${}): A feature introduced in ECMAScript 2015 (ES6) for inserting expressions into strings using a placeholder syntax.+ ""): A simple way to convert a number to a string by concatenating it with an empty string.Pros and Cons
Here's a brief summary of the pros and cons of each option:
String(): Pros: Simple, widely supported, and well-documented. Cons: May incur overhead due to function call..toString(): Pros: Same as above, but with an added benefit of not incurring function call overhead. Cons: Less intuitive for developers unfamiliar with JavaScript methods.${}): Pros: Modern, efficient, and readable. Cons: Requires ECMAScript 2015 support or later.+ ""): Pros: Lightweight, simple to use. Cons: May incur overhead due to string concatenation.Benchmark Results
According to the latest benchmark results, the top performer is concat with string (+ ""), followed by template string (${}).
Other Alternatives
If you're looking for alternative methods or variants of these options, here are a few examples:
parseInt() or parseFloat(): Convert numbers to strings using parsing functions.Number.toLocaleString(): Convert numbers to strings with locale-specific formatting.Buffer.toString(): Convert Buffer objects to strings (useful in Node.js).Intl.NumberFormat().toString(): Convert numbers to strings with locale-specific formatting using the Intl API.Keep in mind that these alternatives may have different performance characteristics or use cases, so it's essential to consider your specific requirements when choosing a method.
