在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秒内以任何方式进行1百万次转换时,速度差异并不过分显着.

更新:浏览器的速度似乎有很大差异.在http://jsben.ch/#/ghQYRnum + ''这个测试中,Chrome 似乎是最快的

更新2:再次基于我上面的测试,应该注意Firefox 20.0.1执行的.toString()速度比'' + num样本慢大约100倍.

Answer 2

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

Answer 3

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

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

Answer 4

... JavaScript的解析器尝试将数字上的点符号解析为浮点文字.

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

资源

Answer 5

下面是在 JS 中将an 转换为Integerto的方法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 6

舌头明显:

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

或者在ES6中,您可以简单地使用模板字符串:

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

Answer 7

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

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

Answer 8

我推荐是`${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)
}

Answer 9

其他答案已涵盖其他选项,但我更喜欢这个:

s = `${n}`

简短,简洁,已经在许多其他地方使用过(如果你使用的是现代框架/ ES版本),那么任何程序员都能理解它是安全的.

并不是说它(通常)很重要,但与其他方法相比,它似乎也是最快的.

Answer 10

当我有时间的时候，我会用更多的数据重新编辑这个，因为现在这很好......

在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 11

我使用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 12

如果您需要将结果格式化为特定数量的小数位,例如表示货币,则需要类似toFixed()方法的内容.

number.toFixed( [digits] )

digits 是小数位后显示的位数.