JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで複数の文字列を連結する方法【Array.join()の使い方】

JavaScriptで複数の文字列を連結（結合）するには、Array.join() メソッドを使用します。このメソッドは、配列内のすべての要素を指定した区切り文字でつなげ、1つの文字列として返します。

ここでは、次の3つの文字列を連結してみましょう。

John
Amit
Sachin

Array.join() の基本的な使い方

join() メソッドの引数には区切り文字（セパレーター）を指定できます。区切り文字を省略した場合はカンマ（,）が使用されます。

サンプルコード

以下のコードを実行すると、複数の文字列をカンマとスペースで連結した結果を確認できます。

<html>
   <body>
      <script>
         var arr = ['Amit', 'John', 'Sachin'];
         document.write(arr.join(', '));
      </script>
   </body>
</html>

実行結果

Amit, John, Sachin

区切り文字を変えてみる

join() の引数を変更することで、さまざまな形式で文字列を連結できます。

  • arr.join('-') → 「Amit-John-Sachin」
  • arr.join('') → 「AmitJohnSachin」（区切りなし）
  • arr.join() → 「Amit,John,Sachin」（デフォルトはカンマ）

このように、Array.join() を使えば区切り文字を自由に指定して、複数の文字列を簡単かつ効率的に連結することができます。大量の文字列を扱う場合も、+ 演算子で繰り返し連結するよりもパフォーマンス面で有利です。

  1. JavaScriptでアクセント付き文字を含む文字列を並べ替える方法

    JavaScriptの標準的な sort() メソッドは、文字列をUnicodeコードポイントの順序に基づいて比較します。そのため、「é」や「ó」のようなアクセント付き文字を含む文字列を単純にソートすると、期待通りのアルファベット順にならないことがあります。この問題を解決するには、localeCompare() メソッドを使用します。このメソッドは、指定されたロケールの言語規則に従って文字列を比較できるため、アクセント付き文字も正しく並べ替えられます。localeCompare() の基本的な使い方以下は、スペイン語のアクセント付き文字を含む配列を localeCompare() を使ってソー

  2. JavaScriptで2つの配列を結合する方法【concat()とスプレッド構文】

    JavaScriptで2つの配列を1つにまとめたい場合、最も一般的なのが concat() メソッドです。このメソッドは、元の配列を変更することなく、複数の配列や値を連結した新しい配列を返します。 concat()メソッドの基本構文 let 新しい配列 = 配列A.concat(配列B); サンプルコード 以下は、ボタンをクリックすると2つの配列を結合し、その結果を画面に表示する完全なサンプルです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8&