【JavaScript】pythonのf-string的なやつ

zuka

こんにちは。zuka（@beginaid）です。

この記事では自分がJavaScriptを復習した際につまずいたポイントをまとめていきます。今回は，JavaScriptにおけるpythonのf-stringと同じような働きをする文字列操作に関してです。

なお，本記事では分かりやすさを優先するため，用語を正確に使わない部分や理解が曖昧な部分を残すことがあります。予めご了承ください。間違いがございましたら，お問い合わせフォームまたは最下部コメント欄よりご指摘いただけますと助かります。

テンプレートリテラル

結論からお伝えすると，``で囲んだ文字列に対して数値や変数を${}で囲めばpythonにおけるf-stringと同様の働き（ただし必要条件でも十分条件でもないはず）をさせることができます。

# python
x = 2
y = 3
print(f"x + y = {x + y}")

// JavaScript
let x = 2
let y = 3
console.log(`x + y = ${x + y}`)

このように，組み込みを扱うことができる文字列をテンプレートリテラルと呼びます。こちらのサイト（MDN）でも説明されている通り，数値の組み込み意外にも豊富な機能を有しています。