Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

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

Array.prototype.toString()インスタンスメソッドの使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

Array.prototype.toString()メソッドは、配列のすべての要素を連結し、その結果を一つの文字列として返すメソッドです。このメソッドは、配列の各要素を文字列に変換した後、それらをカンマ (,) で区切って結合することで、最終的な文字列を生成します。例えば、[1, 'hello', true]という配列に対してtoString()を呼び出すと、"1,hello,true"という文字列が得られます。

この機能は、配列の内容をデバッグ目的で表示したり、ユーザーインターフェースに簡潔な形式で情報を提示したりする場合に特に有用です。配列内にnullやundefinedの要素が存在する場合、それらは空文字列として扱われます。また、ネストされた配列、つまり配列の中に別の配列がある場合でも、内部の配列に対しても再帰的にtoString()が適用され、その要素も適切な文字列に変換されて連結されます。

Array.prototype.toString()の実際の動作は、Array.prototype.join()メソッドを引数なしで呼び出した場合と全く同じです。したがって、arr.toString()arr.join()は常に同じ結果を返します。もし、要素間の区切り文字をカンマ以外にしたい場合は、toString()ではなく、join()メソッドを使用し、目的の区切り文字を引数として明示的に指定する必要があります。JavaScriptの配列操作において基本的なメソッドの一つであり、データの表現方法を理解する上で重要な役割を果たします。

公式リファレンス: Array.prototype.toString()

構文(syntax)

1const myArray = [1, 2, 'hello'];
2const arrayString = myArray.toString();
3console.log(arrayString);

引数(parameters)

引数なし

引数はありません

戻り値(return)

String

配列の各要素をカンマで区切った文字列を返します。

関連コンテンツ

関連プログラミング言語