テンプレート文字列

3501 ワード
テンプレート文字列 JavaScript プログラミング JavaScript テキストリンク

テンプレート文字列について学習していきます。

テンプレート文字列とは、バックティックで囲んだ文字列の事を言います。

`${ 変数 }`

上記のように記述します。

できることは、以下になります。

①　変数の値を文字列に埋め込むことができる
②　改行をすることができる
③　式を文字列に埋め込むことができる

①　変数を文字列に埋め込む事ができる

index.js
<script>
    'use strict'

    let language = "こんにちわ";

    document.write(`皆さん${language}!!`);
  </script>

②　改行をすることができる

index.html
<script>
document.write(`あいうえお
  かきくけこ`);
</script>

　③　式を文字列に埋め込むことができる

index.html
<script>
let name = "とんかつ定食";
   let price = 400;

   let msg =`今日の${name}は${price * 1.08}円です！！`;
   document.write(msg);
</script>