Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【JavaScript ECMAScript】String::String.prototype.concatインスタンスメソッドの使い方

String.prototype.concat()インスタンスメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

String.prototype.concat()メソッドは、指定された複数の文字列を結合して、新しい文字列を作成するメソッドです。このメソッドは、呼び出し元のStringオブジェクトに対して、引数として渡された一つまたは複数の文字列を追加し、それらを連結した結果を返します。引数には文字列の他に、数値や真偽値などのデータ型を指定することも可能ですが、それらの値は自動的に文字列に変換されてから結合されます。

このメソッドの重要な特徴は、元の文字列を変更しない「非破壊的」な操作である点です。つまり、concat()メソッドを実行しても、呼び出し元である元の文字列オブジェクトの内容が書き換わることはなく、常に結合された新しい文字列が生成され、その新しい文字列がメソッドの戻り値として返されます。これにより、意図しない文字列の変更を防ぎ、データの安全性を保ちながら文字列操作を行うことができます。

例えば、「こんにちは」という文字列に「世界」という文字列を結合する場合、"こんにちは".concat("世界")と記述すると、「こんにちは世界」という新しい文字列が得られます。複数の文字列を一度に結合したい場合も、"A".concat("B", "C")のように複数の引数を指定することで、「ABC」といった結果を得られます。

JavaScriptでは、文字列の結合に+演算子やテンプレートリテラルもよく使われますが、concat()メソッドは特定の目的、特に複数の文字列を明確に連結したい場合に利用されます。多数の文字列を効率的に結合する場合や、元の文字列の不変性を確実に保ちたい場合に役立ちます。

公式リファレンス: String.prototype.concat()

構文(syntax)

1const str1 = "Hello";
2const str2 = " World";
3const result = str1.concat(str2, "!");

引数(parameters)

...strings

  • ...strings: 連結したい1つ以上の文字列。指定しない場合は空文字列が連結されます。

戻り値(return)

String

指定された文字列と、concat()メソッドに渡された引数で指定された文字列を結合した新しい文字列を返します。

関連コンテンツ

関連プログラミング言語