Bye Bye Moore

猫マンション建築の野望を胸に零細事業主として資本主義の荒波に漕ぎ出したアラサー男の技術メモ

テンプレートリテラルで文字列に変数を埋め込む

テンプレートリテラルで文字列に変数を埋め込む事ができます。

実際のところ

文字列の埋め込みは"${}"で行います。
bashっぽいですね。

let a = 'gogo'
`duck duck ${a}`
// =>'duck duck gogo'

公式では、次のような例も紹介されています。

var a = 5;
var b = 10;

function tag(strings, ...values) {
  console.log(strings[0]); // "Hello "
  console.log(strings[1]); // " world"
  console.log(values[0]);  // 15
  console.log(values[1]);  // 50

  return "Bazinga!";
}

tag`Hello ${ a + b } world ${ a * b}`;
// "Bazinga!"

これを上手く使えば、コンソールに最終文を表示しつつ、文字列からデータを別に取り出す事も可能になります。