在 JavaScript 中将数字转换为字符串的最佳方法是什么？

Question

将数字转换为字符串的“最佳”方法是什么（在速度优势、清晰度优势、内存优势等方面）？

一些例子：

1. String(n)

2. n.toString()

3. ""+n

4. n+""

Answer 1

像这样：

var foo = 45;
var bar = '' + foo;

实际上，尽管我通常这样做是为了简单方便，但经过 1,000 多次迭代后，对于原始速度而言，.toString()

具有优势

在这里查看性能测试（不是我写的，而是我自己写的时候发现的）： http://jsben.ch/#/ghQYR

根据上面的 JSPerf 测试最快：str = num.toString();

应该注意，当您考虑到它可以以任何方式在 0.1 秒内完成 100 万次时，速度上的差异并不过分显着。。 p>

更新：速度似乎因浏览器而异。在 Chrome 中num + '' 似乎是基于此测试最快的http://jsben.ch/#/ghQYR

更新 2：再次根据我上面的测试，应该注意到 Firefox 20.0.1 执行 .toString() 比 '' + num 示例慢大约 100 倍。

Answer 2

在我看来，n.toString() 因其清晰度而获奖，我认为它不会带来任何额外的开销。

Answer 3

我喜欢前两个，因为它们更容易阅读。我倾向于使用String(n)，但这只是风格问题。

除非你有一行

var n = 5;
console.log ("the number is: " + n);

这很不言自明

Answer 4

将任何变量转换为字符串的最简单方法是向该变量添加一个空字符串。

5.41 + ''    // Result: the string '5.41'
Math.PI + '' // Result: the string '3.141592653589793'

Answer 5

我认为这取决于情况，但无论如何您都可以使用.toString() 方法，因为它非常容易理解。

Answer 6

对于语言新手来说，显式转换非常清楚。正如其他人所建议的那样，如果开发人员不了解强制规则，则使用类型强制会导致歧义。最终，开发人员的时间比 CPU 时间更昂贵，所以我会以后者为代价来优化前者。话虽如此，在这种情况下，差异可能可以忽略不计，但如果不是，我确信有一些不错的 JavaScript 压缩器可以优化这类事情。

因此，出于上述原因，我会选择：n.toString() 或 String(n)。 String(n) 可能是更好的选择，因为如果 n 为 null 或未定义，它不会失败。

Answer 7

如果我必须考虑一切，我会建议关注

var myint = 1;
var mystring = myint + '';
/*or int to string*/
myint = myint + ''

恕我直言，这是转换为字符串的最快方法。如果我错了，请纠正我。

Answer 8

如果您需要将结果格式化为特定的小数位数，例如表示货币，您需要类似toFixed() 方法。 p>

number.toFixed( [digits] )

digits 是小数点后显示的位数。

Answer 9

显然是在开玩笑：

var harshNum = 108;
"".split.call(harshNum,"").join("");

或者在 ES6 中你可以简单地使用 template strings:

var harshNum = 108;
`${harshNum}`;

Answer 10

...JavaScript 的解析器尝试解析 数字上的点表示法作为浮点文字。

2..toString(); // the second point is correctly recognized
2 .toString(); // note the space left to the dot
(2).toString(); // 2 is evaluated first

Source

Answer 11

如果您想知道哪个性能最高，请查看我比较所有不同数字 -> 字符串转换的地方。

看起来2+'' 或2+"" 是最快的。

https://jsperf.com/int-2-string

Answer 12

我们也可以使用String 构造函数。根据this benchmark 的说法，这是在 Firefox 58 中将数字转换为字符串的最快方法，尽管它在流行的浏览器 Google Chrome 中比 " + num 慢。

Answer 13

方法toFixed()也能达到目的。

var n = 8.434332;
n.toFixed(2)  // 8.43

Answer 14

其他答案已经涵盖了其他选项，但我更喜欢这个：

s = `${n}`

简短、简洁，已经在许多其他地方使用过（如果您使用的是现代框架/ES 版本），因此可以肯定任何程序员都会理解它。

并不是说它（通常）很重要，但与 other methods 相比，它似乎也是 among the fastest。

Answer 15

你可以调用Number对象，然后调用toString()。

Number.call(null, n).toString()

您可以将此技巧用于其他 javascript 原生对象。

Answer 16

最近才遇到这个，方法3和4都不合适，因为字符串是如何复制然后放在一起的。对于一个小程序，这个问题是微不足道的，但对于任何真正的 Web 应用程序，我们必须处理频率字符串操作的这个动作会影响性能和可读性。

Here is the link the read。

Answer 17

我将在有时间的时候用更多数据重新编辑它，现在这很好......

在 nodejs v8.11.2 中测试：2018/06/06

let i=0;
    console.time("test1")
    for(;i<10000000;i=i+1){
    	const string = "" + 1234;
    }
    console.timeEnd("test1")
    
    i=0;
    console.time("test1.1")
    for(;i<10000000;i=i+1){
    	const string = '' + 1234;
    }
    console.timeEnd("test1.1")
    
    i=0;
    console.time("test1.2")
    for(;i<10000000;i=i+1){
    	const string = `` + 1234;
    }
    console.timeEnd("test1.2")
    
    i=0;
    console.time("test1.3")
    for(;i<10000000;i=i+1){
    	const string = 1234 +  '';
    }
    console.timeEnd("test1.3")
    
    
    i=0;
    console.time("test2")
    for(;i<10000000;i=i+1){
    	const string = (1234).toString();
    }
    console.timeEnd("test2")
    
    
    i=0;
    console.time("test3")
    for(;i<10000000;i=i+1){
    	const string = String(1234);
    }
    console.timeEnd("test3")
    
    
    i=0;
    console.time("test4")
    for(;i<10000000;i=i+1){
    	const string = `${1234}`;
    }
    console.timeEnd("test4")
    
    i=0;
    console.time("test5")
    for(;i<10000000;i=i+1){
    	const string = 1234..toString();
    }
    console.timeEnd("test5")
    
    i=0;
    console.time("test6")
    for(;i<10000000;i=i+1){
    	const string = 1234 .toString();
    }
    console.timeEnd("test6")

输出

test1: 72.268ms
test1.1: 61.086ms
test1.2: 66.854ms
test1.3: 63.698ms
test2: 207.912ms
test3: 81.987ms
test4: 59.752ms
test5: 213.136ms
test6: 204.869ms

Answer 18

使用 node.js 时结果似乎相似。我运行了这个脚本：

let bar;
let foo = ["45","foo"];

console.time('string concat testing');
for (let i = 0; i < 10000000; i++) {
    bar = "" + foo;
}
console.timeEnd('string concat testing');


console.time("string obj testing");
for (let i = 0; i < 10000000; i++) {
    bar = String(foo);
}
console.timeEnd("string obj testing");

console.time("string both");
for (let i = 0; i < 10000000; i++) {
    bar = "" + foo + "";
}
console.timeEnd("string both");

得到以下结果：

❯ node testing.js
string concat testing: 2802.542ms
string obj testing: 3374.530ms
string both: 2660.023ms

每次我运行它的时间都差不多。

Answer 19

我使用https://jsperf.com为以下情况创建了一个测试用例：

number + ''
`${number}`
String(number)
number.toString()

https://jsperf.com/number-string-conversion-speed-comparison

截至 2018 年 7 月 24 日，结果表明 number + '' 在 Chrome 中是最快的，在与模板字符串文字相关的 Firefox 中。

String(number) 和 number.toString() 都比最快的选项慢 95% 左右。

Answer 20

对于几乎所有可能的现有和未来情况（输入是数字、null、未定义、符号或其他任何情况）的唯一有效解决方案是String(x)。不要使用 3 种方式进行简单的操作，基于值类型假设，例如“这里我将数字肯定转换为字符串，这里肯定将布尔值转换为字符串”。

解释：

String(x) 处理空值、未定义、符号、[任何东西] 并为对象调用 .toString()。

'' + x 在 x 上调用 .valueOf()（强制转换为数字），在 Symbols 上抛出，可以提供依赖于实现的结果。

x.toString() 抛出空值和未定义。

注意：String(x) 仍然会在像 Object.create(null) 这样的无原型对象上失败。

如果您不喜欢“Hello, undefined”之类的字符串或想要支持无原型对象，请使用以下类型转换函数：

/**
 * Safely casts any value to string. Null and undefined are converted to ''.
 * @param  {*} value
 * @return {string}
 */
function string (str) {
  return value == null ? '' : (typeof value === 'object' && !value.toString ? '[object]' : String(value));
}

Answer 21

.toString() 是内置的类型转换函数，我不是这些细节方面的专家，但每当我们比较内置类型转换和显式方法时，总是首选内置的变通方法。

Answer 22

对于数字文字，访问属性的点必须与小数点区分开来。如果您想在数字文字 123 上调用 String()，则可以使用以下选项：

123..toString()
123 .toString() // space before the dot 123.0.toString()
(123).toString()

Answer 23

以下是在JS中将Integer转换为String的方法。

方法按性能降序排列。

var num = 1

方法一：

num = `${num}`

方法二：

num = num + ''

方法三：

num = String(num)

方法四：

num = num.toString()

注意：您不能直接在号码上拨打toString()。 2.toString() 将抛出 Uncaught SyntaxError: Invalid or unexpected token。

（性能测试结果由@DarckBlezzer在他的回答中给出）

Answer 24

我推荐`${expression}`，因为您不必担心错误。

[undefined,null,NaN,true,false,"2","",3].forEach(elem=>{
  console.log(`${elem}`, typeof(`${elem}`))
})

/* output
undefined string
null      string
NaN       string
true      string
false     string
2         string
          string
3         string
*/

---

您可以在下面测试速度。但顺序会影响结果。 （在 StackOverflow 中）您可以在您的平台上对其进行测试。

const testCases = [
  ["${n}", (n) => `${n}`], // ?
  ['----', undefined],

  [`"" + n`, (n) => "" + n],
  [`'' + n`, (n) => '' + n],
  [`\`\` + n`, (n) => `` + n],
  [`n + ''`, (n) => n + ''],
  ['----', undefined],

  [`String(n)`, (n) =>  String(n)],
  ["${n}", (n) => `${n}`], // ?

  ['----', undefined],
  [`(n).toString()`, (n) => (n).toString()],
  [`n.toString()`, (n) => n.toString()],

]

for (const [name, testFunc] of testCases) {
  if (testFunc === undefined) {
    console.log(name)
    continue
  }
  console.time(name)
  for (const n of [...Array(1000000).keys()]) {
    testFunc(n)
  }
  console.timeEnd(name)
}