JavaScript 速習チュートリアル

JavaScript toString() メソッド

1. JavaScript toString() メソッドの概要

JavaScriptの toString() メソッドは、変数(または値)を文字列(String)に変換するためのメソッドです。

このメソッドは、数値、配列、日付、オブジェクトなど、多くのデータ型に組み込まれているビルトインメソッドです。主な用途は以下の通りです:

  • データを表示用に読みやすい形式へ変換する
  • 文字列が要求されるコンテキストでの型互換性を確保する
  • ユーザーインターフェース向けにオブジェクトの出力をカスタマイズする
  • デバッグ時にオブジェクトの状態を確認する

2. JavaScript 配列 (Array) の toString()

配列に対して toString() を使用すると、配列の全要素をカンマ区切りの文字列として返します。

2.1 使用例

const fruits = ["Banana", "Orange", "Apple", "Mango"];

// 配列の要素をカンマ区切りの文字列に変換
let myList = fruits.toString(); 
// 結果: "Banana,Orange,Apple,Mango"

3. JavaScript 日付 (Date) の toString()

日付オブジェクトに対して toString() を使用すると、人間が読みやすい形式のプロパティ(日付と時刻)を含む文字列を返します。

3.1 使用例

日付オブジェクトを文字列に変換する:

const d = new Date();

// 日付オブジェクトを読みやすい形式の文字列に変換
let text = d.toString(); 
// 例: "Fri Apr 17 2026 22:50:25 GMT+0900 (日本標準時)"

4. JavaScript 数値 (Number) の toString()

数値に対して toString() を使用すると、その数値を文字列として返します。

4.1 基本的な使用例

let x = 123;

// 数値を文字列に変換
let text = x.toString();

4.2 基数(進数)の指定

引数に基数を指定することで、数値を任意の進数(例:2進数、16進数など)の文字列に変換できます。

let x = 123;

// 数値を2進数(Binary)の文字列に変換
let text = x.toString(2); 
// 結果: "1111011"

5. JavaScript 関数 (Function) の toString()

関数に対して toString() を使用すると、その関数のソースコードが文字列として返されます。

6. JavaScript オブジェクト (Object) の toString()

デフォルトの状態では、オブジェクトに対して toString() を呼び出すと "[object Object]" という文字列を返します。

意味のある文字列を返すようにするには、オブジェクトの定義内でこのメソッドをオーバーライド(再定義)する必要があります。

6.1 使用例

let person = {
  firstname: "John",
  lastname: "Doe",
};

// デフォルトの挙動
let text = person.toString(); 
// 結果: "[object Object]"

デバッグやログ出力の利便性を高めるために、クラスやオブジェクト内で独自の toString() を実装することは、プロフェッショナルな開発において非常に一般的なプラクティスです。