JavaScriptのNumberオブジェクト valueOf() メソッドの使い方

JavaScriptのNumberオブジェクト valueOf() メソッドの使い方メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。

JavaScriptのNumberオブジェクトとは？
JavaScriptのNumberオブジェクト valueOf() メソッドの使い方概要
JavaScriptのNumberオブジェクト valueOf() メソッドの使い方を使ったサンプルコードの紹介
JavaScript Numberオブジェクトの他メソッドについて

JavaScriptのNumberオブジェクトとは？

JavaScriptのNumber オブジェクトは、整数または浮動小数点数といった数値の日付を表します。
ブラウザでは、数値リテラルを自動的に数値クラスのインスタンスに変換するので、Numberオブジェクトについて心配する必要はありません。

それでは、次に本題の説明に移ります。

JavaScriptのNumberオブジェクト valueOf() メソッドの使い方概要

NumberオブジェクトのvalueOf()メソッドは、Numberオブジェクトの値を数値として返します。

構文、使い方

構文：
NumberObject.valueOf()

使い方：
NumberObjectに格納されている値を取得するために使用します。

引数について

引数はありません。

返り値について

NumberオブジェクトのvalueOf()メソッドは、そのNumberオブジェクトの「値」を返します。

このメソッドを利用した便利なテクニック

NumberオブジェクトのvalueOf()メソッドを使用すると、数値を文字列として取得することができます。

これは、数値を文字列として比較する場合などに便利です。

例えば、以下のようなコードを使用すると、2つの数値が等しいかどうかを判定できます。

var num1 = 5;
var num2 = 5;

if (num1.valueOf() === num2.valueOf()) {
console.log('The numbers are equal.');
}

var num1 = 5;

var num2 = 5;

if (num1.valueOf() === num2.valueOf()) {

console.log('The numbers are equal.');

}

現場で実際にどのように使われているか

NumberオブジェクトのvalueOf()メソッドは、Numberオブジェクトの値をプリミティブな値として取得するために使用されます。

例えば、以下のコードでは、NumberオブジェクトのvalueOf()メソッドを使用して、Numberオブジェクトの値を数値として取得しています。

let num = new Number(10);
let value = num.valueOf();
console.log(value); // 10

let num = new Number(10);

let value = num.valueOf();

console.log(value); // 10

JavaScriptのNumberオブジェクト valueOf() メソッドの使い方と一緒によく使われる処理

NumberオブジェクトのvalueOf()メソッドは、数値を表す文字列を数値に変換するためによく使われます。

なぜなら、JavaScriptでは文字列と数値を混同して扱うことができるため、文字列を数値に変換する必要があるからです。

使用する上での注意点

注意すべき点として、valueOf() メソッドは、オブジェクトが表す数値を返すだけであり、その他のプロパティやメソッドを返すことはありません。

JavaScriptのNumberオブジェクト valueOf() メソッドの使い方と似た処理のJSメソッド、違い

toString() メソッドと似ていますが、下記の違いがあります。

NumberオブジェクトのvalueOf()メソッドは、Numberオブジェクトの値を文字列に変換します
toString()メソッドは、Numberオブジェクトの値を指定した基数の文字列に変換します。

JavaScriptのNumberオブジェクト valueOf() メソッドの使い方を使ったサンプルコードの紹介

Numberオブジェクト valueOf() メソッドの使い方のサンプルコード１

// サンプル1
let num1 = new Number(10);
console.log(num1.valueOf());

// サンプル1

let num1 = new Number(10);

console.log(num1.valueOf());

Numberオブジェクト valueOf() メソッドの使い方のサンプルコード2

// サンプル2
let num2 = new Number(20);
let num3 = new Number(30);
console.log(num2.valueOf() + num3.valueOf());

// サンプル2

let num2 = new Number(20);

let num3 = new Number(30);

console.log(num2.valueOf() + num3.valueOf());

Numberオブジェクト valueOf() メソッドの使い方のサンプルコード3

// サンプル3
let num4 = new Number(40);
let num5 = new Number(50);
console.log(num4.valueOf() * num5.valueOf());

// サンプル3

let num4 = new Number(40);

let num5 = new Number(50);

console.log(num4.valueOf() * num5.valueOf());

2000

JavaScript Numberオブジェクトの他メソッドについて

JavaScriptのNumberオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください

メソッド名	機能	リンク
isFinite()	値が有限数かどうかを確認します	JavaScriptのNumberオブジェクト isfiniteメソッドの使い方
isInteger()	値が整数であるかどうかを確認します	JavaScriptのisIntegerオブジェクト isIntegerメソッドの使い方
isNaN()	値がnumber.nanであるかどうかを確認します	JavaScriptのNumberオブジェクト isNaNメソッドの使い方
isSafeInteger()	値が安全な整数であるかどうかを確認します	JavaScriptのNumberオブジェクト isSafeIntegerメソッドの使い方
parseFloat()	文字列を解析しますanは番号を返します	JavaScriptのNumberオブジェクト parseFloatメソッドの使い方
parseInt()	文字列を解析すると、整数が返されます	JavaScriptのNumberオブジェクト parseIntメソッドの使い方
toExponential(x)	数値を指数表記に変換します	JavaScriptのNumberオブジェクト toExponentialメソッドの使い方
toFixed(x)	小数点以降にx数の数字で数字をフォーマットします	JavaScriptのNumberオブジェクト toFixedメソッドの使い方
toLocaleString()	ロケール設定に基づいて、数値を文字列に変換します	JavaScriptのNumberオブジェクト toLocaleStringメソッドの使い方
toPrecision(x)	数字をxの長さをフォーマットします	JavaScriptのNumberオブジェクト toPrecisionメソッドの使い方
toString()	数字を文字列に変換します	JavaScriptのNumberオブジェクト toStringメソッドの使い方
valueOf()	数のプリミティブ値を返します	JavaScriptのNumberオブジェクト valueofメソッドの使い方