JavaScript | 文字列を連結する(concat メソッド)

JavaScript JavaScript
スポンサーリンク

主な内容の要点

何をするメソッドか

  • concat メソッドは「ひとつの文字列に、別の文字列をくっつけて(連結して)、新しい文字列を作る」ためのものです。
  • 書き方は次の通り:
文字列1.concat(文字列2[, 文字列3, …])
``` :contentReference[oaicite:2]{index=2}  
JavaScript
  • 元の文字列(文字列1)は 変更されません。連結された「新しい文字列」が戻り値として返ります。

使い方の例

  • 例1:
let pref = '東京都';
let address = pref.concat('港区', '芝公園');
console.log(address);  // → 東京都港区芝公園
console.log(pref);     // → 東京都
``` :contentReference[oaicite:4]{index=4}  
→ ‘東京都’ に ‘港区’ と ‘芝公園’ をくっつけて、住所っぽい文字列を作っています。元の `pref` には変更がありません。  
JavaScript
  • 例2:引数に数値が入っている変数を使った場合
let point = 78;
let msg = '得点は'.concat(point, '点です');
console.log(msg);  // → 得点は78点です
``` :contentReference[oaicite:5]{index=5}  
→ 数値 `78` が文字列に変換されてから連結されます。
JavaScript

注意点・補足

  • 引数に文字列以外(例えば数値)を与えた場合、内部で 文字列に変換してから連結されます。
  • 文字列を連結する方法は concat 以外にも、**「+(プラス)演算子」**を使って書くこともできます:
let msg = '得点は' + point + '点です';
``` :contentReference[oaicite:7]{index=7}  
JavaScript
  • どちらを使っても “文字列をくっつける” という動きは同じですが、状況によって使いやすさや好みが変わってきます。

初心者に覚えておいてほしいポイント

  1. 「文字列をつなげてひとつにする」ことができるメソッドがある、と覚える。
  2. concat を使うと元の文字列はそのままで “新しい文字列” ができます。
  3. 演算子でも同じようにできるので、自分の書きやすい方法を使ってよい。
  4. 変数の中身が文字列でなくても、JavaScript が自動で文字列に変換して連結してくれます。
タイトルとURLをコピーしました