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

JavaScriptのjoin()メソッドとは？配列を文字列に連結する使い方を解説

JavaScriptのjoin()メソッドは、配列に含まれるすべての要素を連結し、1つの文字列として返すメソッドです。配列のデータを読みやすい形で表示したい場合や、カンマ区切り（CSV形式）の文字列を生成したい場合などに非常に便利です。

join()メソッドのパラメータ

  • separator（区切り文字） − 配列の各要素を区切るために使用する文字列を指定します。このパラメータを省略した場合、配列の要素はカンマ（,）で区切られます。

使用例

以下のコードを実行すると、JavaScriptにおけるjoin()メソッドの基本的な動作を確認できます。

<html>
   <head>
      <title>JavaScript Array join Method</title>
   </head>
   <body>
      <script>
         var arr = new Array("Football","Hockey","Squash");

         var str = arr.join();
         document.write("str : " + str );

         var str = arr.join(", ");
         document.write("<br />str : " + str );

         var str = arr.join(" + ");
         document.write("<br />str : " + str );
      </script>
   </body>
</html>

実行結果

上記のコードを実行すると、次のような出力が得られます。

str : Football,Hockey,Squash
str : Football, Hockey, Squash
str : Football + Hockey + Squash

このように、separatorに渡す値によって、出力される文字列の区切り方を自由に変更できます。引数を指定しない場合はカンマ区切りになり、「", "」を指定すればカンマとスペースで区切られ、「" + "」を指定すればプラス記号で要素が連結されます。用途に応じて適切な区切り文字を指定することで、柔軟な文字列生成が可能になります。

  1. JavaScriptのArray.join()メソッドとは？配列を文字列に結合する使い方を解説

    Array.join()メソッドとは JavaScriptのArray.join()メソッドは、配列内のすべての要素を指定した区切り文字で連結し、ひとつの文字列として返すメソッドです。配列をカンマ区切りのテキストに変換したい場合や、独自の区切り文字を使ってデータを整形したい場合などに活用できます。 基本構文 array.join(separator) separatorには、要素同士をつなぐ区切り文字を指定します。引数を省略した場合は、デフォルトでカンマ（,）が使用されます。 押さえておきたいポイント 引数を省略すると、カンマ区切りの文字列が返される 元の配列は変更されない（非破壊的なメ

  2. JavaScriptのArray.join()メソッドで配列を文字列に変換する方法

    JavaScriptのArray.join()メソッドは、配列内の個々の要素をすべて連結し、ひとつの文字列へと変換するために使用されるメソッドです。引数として区切り文字（セパレータ）を指定でき、指定しない場合はデフォルトでカンマ「,」が使われます。 構文は次のとおりです。 arr.join(separator) separatorには、連結時に各要素の間に挿入したい文字列を渡します。空文字列「」を指定すれば、要素間に何も挟まずにそのまま連結されます。 コード例 以下は、Array.join()メソッドを使用して、バラバラのアルファベットを「HELLO WORLD」という文字列に連結するサンプル