concat() メソッドは、文字列引数を呼び出し文字列に連結して、新しい文字列を返します。
このデモのソースファイルは GitHub リポジトリに格納されています。デモプロジェクトに協力したい場合は、 https://github.com/mdn/interactive-examples をクローンしてプルリクエストを送信してください。
構文
str.concat(str2 [, ...strN])
引数
str2 [, ...strN]strに連結する文字列。
返値
提供された文字列を結合したテキストを含む新しい文字列。
解説
concat() 関数は、文字列引数を呼び出し文字列に連結し、新しい文字列を返します。元の文字列または返された文字列の変更は、他の文字列には影響しません。
引数が文字列型でない場合は、連結前に文字列値に変換されます。
性能
concat() メソッドの代わりに 代入演算子 (+ または +=) を使用する事を強くお勧めします。
この性能試験によれば、代入演算子のほうが数倍高速です。
例
concat() の使用
複数の文字列を連結してコンソールに表示する例を以下に示します。
let hello = 'こんにちは、'
console.log(hello.concat('鈴木さん', '。よい1日を。'))
/* こんにちは、鈴木さん。よい1日を。*/
let greetList = ['こんにちは', ' ', '佐藤さん', '!']
"".concat(...greetList) // "こんにちは 佐藤さん!"
"".concat({}) // [object Object]
"".concat([]) // ""
"".concat(null) // "null"
"".concat(true) // "true"
"".concat(4, 5) // "45"
仕様書
| 仕様書 |
|---|
| ECMAScript (ECMA-262) String.prototype.concat の定義 |
ブラウザーの互換性
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | サーバー | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
concat | Chrome 完全対応 1 | Edge 完全対応 12 | Firefox 完全対応 1 | IE 完全対応 4 | Opera 完全対応 4 | Safari 完全対応 1 | WebView Android 完全対応 1 | Chrome Android 完全対応 18 | Firefox Android 完全対応 4 | Opera Android 完全対応 10.1 | Safari iOS 完全対応 1 | Samsung Internet Android 完全対応 1.0 | nodejs 完全対応 0.1.100 |
凡例
- 完全対応
- 完全対応