JavaScriptで数値を文字列に変換する最良の方法は何ですか？

数値を文字列に変換する「最良の」方法は何ですか（速度の利点、明確さの利点、メモリの利点などに関して）？

いくつかの例：

1. String(n)

2. n.toString()

3. ""+n

4. n+""

このような：

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

実際、私は通常、単純な便宜のためにこのようにしていますが、 1,000回を超える反復は生の速度で表示され、.toString()

ここでは、パフォーマンステストを参照してください（自分ではありませんが、自分で作成したときに見つかりました）：http : //jsben.ch/#/ghQYR

上記のJSPerfテストに基づく最速： str = num.toString();

0.1秒で100万回変換できると考えると、速度の違いはそれほど大きくないことに注意してください。

更新：速度はブラウザによって大きく異なるようです。Chromeではnum + ''、このテストに基づいて最も高速であるようですhttp://jsben.ch/#/ghQYR

アップデート2：上記の私のテストに基づいて、Firefox 20.0.1の実行.toString()は'' + numサンプルよりも約100倍遅いことに注意してください。

私の意見でn.toString()は、その明快さのために賞をとっています、そしてそれが余分なオーバーヘッドを運ぶとは思いません。

明示的な変換は、その言語を初めて使用するユーザーにとって非常に明確です。他の人が示唆しているように、型強制を使用すると、開発者が強制ルールを認識していない場合にあいまいさが生じます。結局のところ、開発者の時間はCPU時間よりもコストがかかるので、後者を犠牲にして前者を最適化します。そうは言っても、この場合、違いはごくわずかですが、そうでない場合でも、この種のことを最適化する適切なJavaScriptコンプレッサーがいくつかあると私は確信しています。

だから、上記の理由で私は行くでしょう：n.toString()またはString(n)。 String(n)はnnullまたは未定義の場合に失敗しないため、おそらくより良い選択です。

... JavaScriptのパーサーは、数値のドット表記を浮動小数点リテラルとして解析しようとします。

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

ソース

舌の頬は明らかに：

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

または、ES6でテンプレート文字列を使用することもできます。

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

他の回答はすでに他のオプションをカバーしていますが、私はこれを好みます：

s = `${n}`

短く、簡潔で、他の多くの場所ですでに使用されている（最新のフレームワーク/ ESバージョンを使用している場合）ので、プログラマーなら誰でも理解できるはずです。

それは（通常）重要なことではありませんが、他の方法と比較して最速のようにも見えます。

変数を文字列に変換する最も簡単な方法は、その変数に空の文字列を追加することです。

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

通貨を表すなど、結果を特定の小数点以下の桁数にフォーマットする必要がある場合は、メソッドのようなものが必要です。toFixed()

number.toFixed( [digits] )

digits 小数点以下の桁数です。

https://jsperf.comを使用して、以下のケースのテストケースを作成しました。

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

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

2018年7月24日の時点で、結果number + ''は、テンプレート文字列リテラルと連携するFirefoxのChromeの中で最速であるとしています。

両方String(number)、およびnumber.toString()最速オプションよりも約95％遅いです。

最初の2つは読みやすいので気に入っています。私は使いがちString(n)ですが、何よりもスタイルの問題です。

それはあなたがとしての行がない限りです

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

それは非常に自明です

状況次第ではないかと思いますが、とにかく.toString()わかりやすいので、とにかく使えます。

.toString（）は組み込み型キャスト関数であり、その詳細については専門家ではありませんが、組み込み型キャストと明示的な方法を比較するときは常に、組み込みの回避策が優先されます。

すべてを考慮する必要がある場合は、以下をお勧めします

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

IMHO、文字列に変換する最も速い方法。私が間違っていたら訂正してください。

考えられるほとんどすべての既存および将来のケース（入力は数値、null、未定義、シンボルなど）に対する唯一の有効なソリューションは、String(x)です。「ここでは数値を文字列に確実に変換し、ここではブール値を文字列に確実に変換する」のように、値型の仮定に基づいて、3つの方法で単純な操作を行わないでください。

説明：

String(x)null、undefined、Symbols、[anything]を処理し.toString()、オブジェクトを呼び出します。

'' + x.valueOf()x（数値へのキャスト）の呼び出し、Symbolsのスローは、実装に依存する結果を提供できます。

x.toString() nullおよび未定義をスローします。

注：などの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));
}

数値リテラルでは、プロパティにアクセスするためのドットを小数点と区別する必要があります。これにより、数値リテラル123でString（）を呼び出す場合は、次のオプションを使用できます。

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

以下はJSで整数を文字列に変換する方法です

メソッドは、パフォーマンスの高い順に並べられます。

（パフォーマンステストの結果は、@ DarckBlezzerの回答で示されています）

変数番号= 1

方法1：

num = `$ {num}`

方法2：

num = num + ''

方法3：

num = String（num）

方法4：

num = num.toString（）

注： 数値からtostring（）を直接呼び出すことはできません

例： 2.toString（）はキャッチされないSyntaxErrorをスローします：無効または予期しないトークン

どちらが最もパフォーマンスが良いかについて知りたい場合は、ここをチェックして、さまざまな数値->文字列変換をすべて比較してください。

のように見える2+''か2+""、最速です。

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

Stringコンストラクタを使用することもできます。このベンチマークによれば " + num、人気のあるブラウザであるGoogle Chrome よりも遅いですが、Firefox 58で数値を文字列に変換する最も速い方法です。

メソッドtoFixed()も目的を解決します。

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

Numberオブジェクトを呼び出してからを呼び出すことができますtoString()。

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

このトリックを別のJavaScriptネイティブオブジェクトに使用できます。

最近これに遭遇しただけで、方法3と4は、文字列がどのようにコピーされてまとめられるかという理由から適切ではありません。小さなプログラムの場合、この問題は重要ではありませんが、実際のWebアプリケーションでは、頻度の高い文字列操作を処理する必要があるこのアクションは、パフォーマンスと読みやすさに影響を与える可能性があります。

リンクはこちらです。

時間があれば、これをより多くのデータで再編集します。現時点ではこれで問題ありません...

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

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

実行するたびに同じような時間。