【初心者向け】JavaScriptの文字列結合まとめ|+演算子とテンプレートリテラル【ITTI】

目次

JavaScriptの文字列結合とは?


JavaScriptでは、複数の文字列や変数を組み合わせて新しい文字列を作ることを「文字列結合」と呼びます。

+演算子で結合する


最も基本的な方法です。

let name = "太郎";
let greeting = "こんにちは、" + name + "さん!";
console.log(greeting);

実行結果
こんにちは太郎さん

寸劇

ユーザー「こんにちは+name(太郎)+さんっと、できた!実行したろ!」

実行ぽちっ

JavaScript「こんにちは太郎さん」

ってなる

テンプレートリテラルで結合する


バッククォート ` ` を使うと、変数を埋め込みやすくなります。

let name = "花子";
let greeting = `こんにちは、${name}さん!`;
console.log(greeting);

実行結果
こんにちは花子さん

まとめ

•  +演算子:シンプルで基本

•  テンプレートリテラル:可読性が高くおすすめ

ただし、既存コードでは+演算子もよく出てくるので両方理解しておくと安心です。  つまり、+ もテンプレートリテラルも両方使いこなせると“優秀な人”に近づけます。

最後まで読んで頂きありがとうございました!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ITTIのアバター ITTI 運営長

ITTI運営長 / 元国家公務員ブロガー
国家公務員として5年間従事した後、新たな挑戦のために退職。調べものと学ぶことが止められなくなり、現在は以下の5ブログを運営中:
・ITTI局(メイン)
・DXブログ
・CODEブログ(今ここ!)
・INFRAブログ
・XRブログ
保有資格:ITパスポート
目標資格:情報処理安全確保支援士(学ぶこと多すぎて道のりは遠いですが、毎日コツコツ進めています…泣)

ブログでは公務員時代の実体験と最新技術を掛け合わせて、読者の「わかりにくい」を「わかる!」に変える記事を発信。最終目標は、これらの知識を活かして「ドラえもんのような万能AI」を開発すること(副運営長任命が待ち遠しい!)。
IT・DXに興味ある方、気軽にX(@llEqmDGOYZ4258)でDMください。一緒に学びましょう!

公務員のキャラがコードを解説!?パロディのブログ『ITTI CODE』、発信中!

コメント

コメントする

目次