【JavaScript ECMAScript】Array::Array.prototype.joinインスタンスメソッドの使い方

Array.prototype.join()メソッドは、配列のすべての要素を連結し、一つの新しい文字列として返すメソッドです。このメソッドは、配列内の複数の値をまとめて表示したり、特定の形式で文字列として出力したりしたい場合に非常に役立ちます。

このメソッドはオプションとしてseparator（区切り文字）を引数に取ります。separatorは、配列の各要素の間に挿入される文字列を指定します。例えば、スラッシュ（/）をseparatorとして指定すると、「要素1/要素2/要素3」のように要素が結合されます。separatorを省略した場合やundefinedを渡した場合は、デフォルトでカンマ（,）が区切り文字として使用されます。また、空文字列（''）をseparatorとして指定すると、要素間に何も挿入されずにすべての要素が直接連結されます。

配列の要素がnullまたはundefinedである場合、それらの要素は空文字列として扱われ、結合される文字列に含まれます。join()メソッドは元の配列の内容を変更することなく、常に結合された新しい文字列を返します。システムエンジニアを目指す初心者の方々にとって、ログのフォーマット、URLパスの構築、表示用のデータ整形など、様々な場面で配列データを文字列に変換する際に頻繁に利用される非常に重要な機能です。

Copy
1const array = ['Hello', 'World'];
2const result = array.join(' ');
3// result は "Hello World"

separator = ','

• separator: string = ',': 配列の要素を連結する際の区切り文字を指定する文字列。省略するとカンマ(,)が使用されます。

string

配列の全要素を結合し、指定した区切り文字で連結した文字列を返します。区切り文字を指定しない場合はカンマで結合されます。