JavaScriptで文字列のプリミティブ値を取得する方法｜valueOf()の使い方を解説

JavaScriptにおけるプリミティブ型とは

JavaScriptには、undefined・null・boolean（真偽値）・string（文字列）・number（数値）の5つのプリミティブ型が存在します。これら以外の値は、すべてオブジェクトとして扱われます。

boolean、string、numberの各プリミティブ型は、それぞれBoolean、String、Numberというコンストラクタから生成される「ラッパーオブジェクト」で包む（ラップする）ことが可能です。

そして、ラッパーオブジェクトから元のプリミティブ値を取り出したい場合には、そのオブジェクトに対してvalueOf()メソッドを呼び出します。

コード例

console.log(typeof true);
console.log(typeof new Boolean(true));
console.log(typeof (new Boolean(true)).valueOf());
console.log(typeof "abc");
console.log(typeof new String("abc"));
console.log(typeof (new String("abc")).valueOf());
console.log(typeof 123);
console.log(typeof new Number(123));
console.log(typeof (new Number(123)).valueOf());

実行結果

"boolean"
"object"
"boolean"
"string"
"object"
"string"
"number"
"object"
"number"

実行結果のポイント

この結果から分かるように、プリミティブ値に対してtypeof演算子を使用すると「boolean」「string」「number」が返されますが、ラッパーオブジェクトに対して使用すると「object」が返ります。しかし、valueOf()メソッドで値を取り出せば、再びプリミティブ型へと戻ることが確認できます。

プリミティブ値にもプロパティがある理由

ここで疑問になるのが、「プリミティブ値なのにプロパティやメソッドを持っているように見えるのはなぜか」という点です。これは、JavaScriptが状況に応じてプリミティブとオブジェクトの間で自動的に型変換（ボックス化）を行う仕組みによるものです。

たとえば、文字列のプリミティブ値に対してlengthプロパティへアクセスした瞬間、その値は一時的にStringオブジェクトへとラップされます。プロパティへのアクセスが完了すると、すぐに再びプリミティブへと戻されるのです。この仕組みのおかげで、開発者はラッパーオブジェクトを意識することなく、プリミティブ値に対しても便利なプロパティやメソッドを利用できます。