問題一覧に戻る
中級es6
問題82: テンプレートリテラル応用
テンプレートリテラルの応用的な使い方を学びましょう。複数行文字列の作成、式の評価結果の埋め込み、関数呼び出しなど、柔軟な文字列処理が可能です。従来の文字列連結では難しかった、HTMLテンプレートの生成、メッセージのフォーマット、SQLクエリの構築など、多くの場面でコードの可読性を向上させます。インデントも保持されるため、整形された出力が簡単に得られます。
// テンプレートリテラル応用
const name = "太郎";
const age = 25;
// 複数行文字列
const message = `名前: ${name}
年齢: ${}歳
こんにちは`;
console.log(message);
// 式の埋め込み
const price = 10000;
const tax = 1.2;
const priceMessage = `価格: ${(price * tax).toLocaleString()}円`;
console.log(priceMessage);