JavaScriptのStringオブジェクトのconcat()メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのStringオブジェクトとは？
JavaScript（JS) のStringオブジェクト（文字列）は、他の言語と比べて、動的なデータ型として定義されています。
そして、 他のプログラミング言語 (C 言語など) とは異なり、文字列のメソッドが豊富に用意されています。
また、文字列と数値を効率的に相互変換する方法も提供されています。
事前に定義されたメソッドを利用して文字列操作が容易に出来る点も他言語と比べても有利な点ですが、他の言語と比べて一部の文字列処理が遅くなることがあるとも言われています。
それでは、次に本題の説明に移ります。
JavaScriptのStringオブジェクトのconcat()概要
concat()は、2つ以上の文字列を結合して1つの文字列にするJavaScriptのStringオブジェクトのメソッドです。
構文、使い方
構文：string.concat(string1[, string2[, …[, stringN]]])
使い方：concat() メソッドは、現在の文字列に、1 つ以上の文字列を連結して新しい文字列を作成します。
引数について
引数として、結合したい文字列を1つ以上渡します。
返り値について
concat()は、2つ以上の文字列を結合して、新しい文字列を返します。
このメソッドを利用した便利なテクニック
Stringオブジェクトのconcat()を使うと、文字列を結合して新しい文字列を作成することができます。
例えば、2つの文字列を結合して新しい文字列を作成することができます。
また、変数を文字列に結合することもできます。
現場で実際にどのように使われているか
Stringオブジェクトのconcat()は、2つ以上の文字列を結合するために使用されます。
例えば、文字列を連結して新しい文字列を作成する場合、次のように使用できます。
|
1 2 3 4 5 |
var str1 = ""Hello""; var str2 = ""World""; var str3 = str1.concat("" "", str2); // str3は""Hello World""となる |
JavaScriptのStringオブジェクトのconcat()と一緒によく使われる処理
Stringオブジェクトのconcat()は、文字列を結合するために使用されます。
そのため、文字列を結合する処理と共によく使われます。
使用する上での注意点
– 文字列を連結する場合は、文字列以外の引数を渡してはいけません。
JavaScriptのStringオブジェクトのconcat()と似た処理のJSメソッド、違い
+演算子と似ていますが、下記違いがあります。
- +演算子：文字列を結合する。
- concat()：配列を結合する。
JavaScriptのStringオブジェクトのconcat()を使ったサンプルコードの紹介
Stringオブジェクトのconcat()の使用例1
|
1 2 3 4 5 6 |
// 文字列を結合する let str1 = 'Hello'; let str2 = 'World'; let str3 = str1.concat(' ', str2); console.log(str3); |
Stringオブジェクトのconcat()の使用例2
|
1 2 3 4 5 6 7 |
// 文字列を結合して新しい文字列を作成する let str1 = 'Hello'; let str2 = 'World'; let str3 = str1.concat(' ', str2); let str4 = str3.concat('!'); console.log(str4); |
JavaScript stringオブジェクトの他メソッドについて
JavaScriptのstringオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください
また、JavaScriptの公式ドキュメントであるMDNで記載されているstringオブジェクトのconcatメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
