要約：このチュートリアルでは、JavaScript の concat() メソッドを使用して文字列を連結する方法について説明します。

JavaScript 文字列 concat() メソッドの概要

String.prototype.concat() メソッドは 文字列 のリストを受け取り、連結された文字列を含む新しい文字列を返します。

string.concat(str1, [...strN]);Code language: JavaScript (javascript)

引数が文字列でない場合は、concat() はそれらを変換してから連結を処理します。

パフォーマンス向上のため、文字列連結には + または += 演算子を使用することをお勧めします。

JavaScript 文字列 concat() の例

concat() メソッドを使用して例を実行します。

1) 文字列の連結

次の例では、concat() メソッドを使用して文字列を連結します。

let greeting = 'Hi';
let message = greeting.concat(' ', 'John');

console.log(message);Code language: JavaScript (javascript)

出力

Hi JohnCode language: JavaScript (javascript)

2) 文字列配列の連結

次の例では、concat() メソッドを使用して配列内の文字列を連結します。

let colors = ['Blue',' ','Green',' ','Teal'];
let result = ''.concat(...colors);

console.log(result);Code language: JavaScript (javascript)

出力

Blue Green TealCode language: JavaScript (javascript)

colors 配列引数の前にある ... は、配列の要素を展開する スプレッド演算子 です。

3) 文字列以外の引数の連結

この例では、数字を文字列に連結します。

let str = ''.concat(1,2,3);

console.log(str);Code language: JavaScript (javascript)

出力

123Code language: JavaScript (javascript)

この例では、concat() メソッドは連結前に数字 1、2、3 を文字列に変換します。

要約

• concat() メソッドは文字列リストを連結し、連結された文字列を含む新しい文字列を返します。
• パフォーマンス向上のため、+ または += 演算子を使用して文字列の連結を行います。