テンプレート文字列（テンプレートリテラル）

  • 投稿日
  • 著者 NKMR
  • カテゴリー JavaScript

基礎学習メモ。

テンプレート文字列は文字列の結合をシンプルに書くことができる。

従来の文字列結合

const name = 'hoge';
const age = '30';
// 従来の文字列結合↓
const prf = '私の名前は' + name + 'です。歳は' + age + 'です。';
console.log(prf); //私の名前はhogeです。歳は30です。

+ で繋ぐから冗長な感じがします。

ES2015からのテンプレート文字列を使った結合

const name = 'hoge';
const age = '30';
// ES2015〜の文字列結合↓
const prf = `私の名前は${hoge}です。歳は＄{age}です。`;
console.log(prf); //私の名前はhogeです。歳は30です。

文字列をバッククオートで囲っで、その中で『${変数名}』で文字列をつなげることができる。

基本