More than 3 years have passed since last update.

テンプレート文字列

Posted at 2021-04-07

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

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

`${ 変数 }`

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

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

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

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

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>