Bye Bye Moore

PoCソルジャーな零細事業主が作業メモを残すブログ

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

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

実際のところ

文字列の埋め込みは"${}"で行います。
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!"

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