javascript 数字を文字列として連結させる

javascript 数字を文字列として連結させる

javascriptで、数字を文字列として連結させて新しい文字列を作成するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 103.0.5060.134

連結方法

「javascript」の仕様が、以下の規則となっているため、

'文字列' + 数値 = '文字列'

数値 + '文字列' = '文字列'

数値 + 数値 = 数値

空白を利用することで、文字列として取り扱うことが可能です。

const str = "" + 1 + 2 + 3;

console.log(
  str // 123
);

また、例えば以下のような形の場合は、文字列なので「1 + 1 =11です」と表示されます。

const str = "1 + 1 =" + 1 + 1 + "です";

console.log(
  str // 1 + 1 =11です
);

これを「1 + 1 =2です」と表示したい場合は、カッコをつけて先に「数値 + 数値」で演算しておきます。

const str = "1 + 1 =" + (1 + 1) + " です";

console.log(
  str // 1 + 1 =2 です
);

ちなみに、この方法で数字を文字列に変換するとパフォーマンスもいいです。