JavaScriptのconcatメソッドの使い方！文字列を連結する

JavaScriptで文字列を連結するconcatメソッドについて解説します。

concatメソッドを使うと、複数の文字列を結合して新しい文字列を作成できます。
文字列同士を連結したい場合に便利です。

実際に動くサンプルを使って、以下の操作を解説します。

concatメソッドの基本的な使い方

concatメソッドは、引数として指定された文字列を、元の文字列の末尾に連結した新しい文字列を返します。
基本的な構文は以下のとおりです。

string.concat(string1, string2, ..., stringN)

• string1, string2, ..., stringN: 連結する文字列。

文字列を連結する

2つの文字列をconcatメソッドで連結してみます。

const str1 = 'Hello';
const str2 = 'World';
const newStr = str1.concat(str2);

console.log(newStr); // 結果：HelloWorld

この例では、str1文字列にstr2文字列が連結され、新しい文字列newStrが作成されています。

複数の文字列を連結する

concatメソッドを使って、複数の文字列を一度に連結することもできます。

const str1 = 'Hello';
const str2 = ' ';
const str3 = 'World';
const newStr = str1.concat(str2, str3);

console.log(newStr); // 結果：Hello World

この例では、str1文字列にstr2文字列とstr3文字列が連結され、新しい文字列newStrが作成されています。

+演算子との違い

文字列を連結する方法としては、+演算子もよく使われます。
+演算子を使うと、文字列を簡単に連結できます。

const str1 = 'Hello';
const str2 = 'World';
const newStr = str1 + str2;

console.log(newStr); // 結果：HelloWorld

concatメソッドと+演算子は、どちらも文字列を連結できますが、一般的には+演算子の方がよく使われます。
+演算子の方がコードが簡潔になり、可読性も高くなるためです。

JavaScriptのconcatメソッドの使い方まとめ

今回はJavaScriptのconcatメソッドの使い方について解説しました。

concatメソッドを使うと、複数の文字列を連結して新しい文字列を作成できます。
基本的には+演算子をつかうほうがシンプルなので、こちらのほうが良いかと思います。