JavaScriptのconcat()メソッドで文字列を連結する方法

JavaScriptのconcat()メソッドは、2つ以上の文字列を1つに連結（結合）するためのメソッドです。

例えば、名と姓をそれぞれ別の変数に保存していて、それらを1つの文字列として結合したい場合を考えてみましょう。concat()メソッドを使うと、次のように簡単に実現できます。

const firstName = "David"
const lastName = "Tromholt"

var fullName = firstName.concat(lastName)

console.log(fullName)
// "DavidTromholt"

とてもシンプルですね。ただし、このままでは「DavidTromholt」のように単語がくっついてしまいます。

文字列の間にスペースを挿入する方法

2つの文字列の間にスペースを入れたい場合は、いくつかの方法があります。

方法1：変数の値に直接スペースを含める

1つ目の方法は、文字列の値そのものにスペースを追加することです。例えば、"David "のように末尾に半角スペースを入れます。

const firstName = "David " // スペースを追加
const lastName = "Tromholt"

var fullName = firstName.concat(lastName)

console.log(fullName)
// "David Tromholt"

方法2：concat()メソッドの引数にスペースを渡す

もう1つの方法は、concat()メソッドの引数としてスペースを直接渡すことです。この方法なら、元の変数の値を変更せずに済むため、より柔軟で推奨される書き方と言えます。

const firstName = "David"
const lastName = "Tromholt"

const fullName = firstName.concat(" ", lastName) // 変数の間にスペースを追加

console.log(fullName)
// David Tromholt

concat()メソッドは複数の引数を受け取れるため、3つ以上の文字列を一度に連結することも可能です。なお、実務では+演算子やテンプレートリテラル（${firstName} ${lastName}）を使った連結もよく利用されますが、文字列同士を明示的に結合したい場面ではconcat()が便利です。