Javascript – 文字列内で変数を使う方法

今回は簡単なことですが、文字列内で変数を使う方法についてメモしておきたいと思います。

使い方(サンプル)

const text = "def";
const text1 = `abc${text}`;
  • ${変数名}`の形で使います。
  • 上記の例だとtext1はabcdefになります。

注意

「’」 ではなく「`」です。

実際のサンプル

const { contents } = res;
contents.map(content => {
    $("#result-body").append(`   // こちら
        <tr>
            <td>${content.email}</td>
            <td>${content.name}</td>
            <td>${content.department}</td>
            <td>${content.position}</td>
            <td>${content.nationality}</td>
            <td>${content.enteredDate}</td>
            <td>${content.employmentType}</td>
        </tr>
    `); // こちら
});
  • 上記はプライベートプロジェクトで使っていた例となります。
  • 「こちら」と書いてある部分に「`」を使いました。

コメントを残す