JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで複数の文字列変数を連結する方法

JavaScriptで複数の文字列変数を連結するには、連結演算子（+）を使用します。「+」記号で文字列同士をつなげることで、複数の文字列を1つの文字列にまとめることができます。

サンプルコード

以下のコードを実行すると、3つの文字列変数を連結した結果を確認できます。

<html>
   <body>
      <script>
         var str1 = "Tutorials ";
         var str2 = "Point: ";
         var str3 = "Simply Easy Learning"
         var res = str1 + str2 + str3;

         document.write("String 1 = "+str1);
         document.write("<br>String 2 = "+str2);
         document.write("<br>String 3 = "+str3);

         document.write("<br>After concatenaton: "+res);
      </script>
   </body>
</html>

実行結果

String 1 = Tutorials 
String 2 = Point: 
String 3 = Simply Easy Learning
After concatenaton: Tutorials Point: Simply Easy Learning

その他の連結方法

concat() メソッド

文字列オブジェクトが持つ concat() メソッドを使っても、同じように文字列を連結できます。

var res = str1.concat(str2, str3);

テンプレートリテラル（ES6以降）

ES2015（ES6）以降では、バッククォート（`）で囲むテンプレートリテラルを使うと、変数を埋め込みながらより読みやすい形で文字列を組み立てられます。

var res = `${str1}${str2}${str3}`;

用途に応じてこれらの方法を使い分けることで、可読性の高いコードを書くことができます。

  1. JavaScriptでブロックスコープ変数を宣言するには？letとconstの使い方を解説

    ブロックスコープ変数とはJavaScriptでブロックスコープ変数を宣言するには、ES2015（ES6）で導入された let および const キーワードを使用します。これらのキーワードで宣言された変数は、{ }（波括弧）で囲まれたブロックの中でのみ有効となり、ブロックの外からアクセスしようとするとエラーが発生します。let と const の違いlet は値の再代入が可能な変数を宣言するキーワードで、const は再代入ができない定数を宣言するキーワードです。どちらもブロックスコープを持つため、従来の var（関数スコープ）と異なり、意図しない変数の上書きや漏れを防ぐことができます。特別な

  2. 文字列をJavaScriptオブジェクトに変換する方法【JSON.parse()の使い方】

    JavaScriptでJSON形式の文字列をオブジェクトに変換するには、JSON.parse()メソッドを使用します。このメソッドは、引数に渡された文字列を解析（パース）し、対応するJavaScriptオブジェクトを返します。 サンプルコード <!DOCTYPE html> <html lang=ja> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Docum