テンプレート文字列 今までは+を使ったりしなければいけなく、コーテーションがその都度必要だったりしたがテンプレート文字列を使うと、文字列の中に埋め込むことができる。 使い方は文字列を ` バッククウォートで囲み、jsの文は${}で囲む。 const name = "tami"; const age = 20; const favo = { food: "りんご", color: "赤" }; const hello =`私の名前は${name}です。年齢は${age}歳です。 好きな食べ物は${favo["food"]}、好きな色は${favo["color"]}です。`; console.log(hello)
![Javascript テンプレート文字列・アロー関数 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c0f2412ae7a26af0b7348236d6dd57bdb60c46a2/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9SmF2YXNjcmlwdCVFMyU4MCU4MCVFMyU4MyU4NiVFMyU4MyVCMyVFMyU4MyU5NyVFMyU4MyVBQyVFMyU4MyVCQyVFMyU4MyU4OCVFNiU5NiU4NyVFNSVBRCU5NyVFNSU4OCU5NyVFMyU4MyVCQiVFMyU4MiVBMiVFMyU4MyVBRCVFMyU4MyVCQyVFOSU5NiVBMiVFNiU5NSVCMCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NTdlMGY0MWE3NmExNTFkOTg0NjRiYTU5MjY3MzI5NDY%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdGFtaXlvc2hpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04M2UwOTkxYjEwNzViYjA3YmQ4ZTExNmQ2YWIwNjlhMA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D0f2e3a5a003d92a8e0b4d01b76f0aa1e)