JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでNumberオブジェクトを作成する方法をわかりやすく解説

Numberオブジェクトとは

JavaScriptのNumberオブジェクトは、整数や浮動小数点数などの数値データを表すラッパーオブジェクトです。プリミティブな数値に対して各種プロパティやメソッドを利用できるようにする役割を持ちます。

Numberオブジェクトの作成方法

Numberオブジェクトを作成するには、次のような構文を使用します。

var val = new Number(number);

ここで重要なポイントがひとつあります。new演算子を付けずにNumber()を呼び出した場合は、オブジェクトを生成するのではなく、引数を数値へ変換する型変換（キャスト）として機能します。たとえば Number("123") は文字列「123」を数値の123に変換してくれます。オブジェクトが必要なのか、単なる数値変換なのか、目的に応じて使い分けましょう。

Number.MAX_VALUEプロパティの使用例

続いて、Number.MAX_VALUEプロパティの使用例を見てみましょう。このプロパティは静的なNumberオブジェクトに属しており、JavaScriptで表現できる最大の数値（約1.7976931348623157×10308）を返します。

以下は、ボタンをクリックするとNumber.MAX_VALUEの値を画面に表示するシンプルなサンプルです。

<html>
   <head>
      <script>
         <!--
            function showValue() {
               var val = Number.MAX_VALUE;
               document.write ("Number.MAX_VALUE の値 : " + val );
            }
         //-->
      </script>
   </head>
   <body>
      <p>次のボタンをクリックすると結果が表示されます：</p>
      <form>
         <input type="button" value="クリック" onclick="showValue();" />
      </form>
   </body>
</html>

実行結果

上記のコードを実行してボタンをクリックすると、次のように表示されます。

Number.MAX_VALUE の値 : 1.7976931348623157e+308

まとめ

  • Numberオブジェクトは new Number(数値) で生成できる。
  • new演算子なしで Number() を使うと、数値への型変換として働く。
  • Number.MAX_VALUE は静的プロパティで、JavaScriptで扱える最大の数値を返す。

このように、Numberオブジェクトの静的プロパティを活用することで、数値の範囲チェックなどにも役立てることができます。

  1. JavaScriptで多次元オブジェクトを作成する方法【サンプルコード付き】

    はじめに JavaScriptでは、オブジェクトのプロパティの値として別のオブジェクトを持たせることで、多次元（ネストされた）オブジェクトを作成できます。この構造を活用すると、氏名や学校情報、住所のように階層関係のあるデータを、直感的かつ整理された形で表現することが可能です。 サンプルコード 以下は、多次元JavaScriptオブジェクトを作成し、コンソールに表示するためのコード例です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /

  2. 【JavaScript入門】Symbolを使ってオブジェクトごとに一意のIDを作成する方法

    はじめにJavaScriptでオブジェクトごとに一意のIDを作成したい場合、Symbol()を使うのが最も簡単かつ確実な方法です。Symbolは呼び出されるたびに必ず新しい一意の値を生成するため、たとえ同じ説明文字列を渡しても、二度と同じ値にはなりません。以下は、各オブジェクトに対して一意のIDを作成するサンプルコードです。実装例<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewp