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

JavaScriptで値を数値に変換するには？Number()メソッドの使い方を解説

JavaScriptでは、Number()メソッドを使うことで、任意の値を数値に変換できます。このメソッドは、数値を表す文字列を数値へ変換したり、真偽値（boolean）を「1」または「0」に変換したりすることが可能です。ここでは、その基本的な使い方について詳しく解説します。

構文

var num = Number(value);

引数 value に変換したい値を渡すと、数値に変換された結果が返されます。変換できない場合は NaN（Not a Number）が返される点にも注意しましょう。

例1：数値文字列と真偽値の変換

次の例では、Number()メソッドを使って、数値を表す文字列や真偽値を数値に変換し、結果を出力しています。

<html>
<body>
<script>
    document.write(Number("10.5") + "</br>");
    document.write(Number(" 123 ") + "</br>");
    document.write(Number(true) + "</br>");
    document.write(Number(false) + "</br>");
    document.write(Number(null));
</script>
</body>
</html>

出力結果

10.5
123
1
0
0

このように、小数を含む文字列「10.5」はそのまま数値として認識され、前後に空白があっても自動的に取り除かれて変換されます。また、true は「1」、false と null は「0」に変換されます。

例2：空文字列・指数表記・16進数の変換

Number()メソッドは通常の値だけでなく、16進数（hexadecimal）の文字列や指数表記の文字列も数値に変換できます。

<html>
<body>
<script>
    document.write(Number(" ") + "<br>");  
    document.write(Number("") + "<br>");  
    document.write(Number("123e-1") + "<br>");  
    document.write(Number("0xFF") + "<br>");
</script>
</body>
</html>

出力結果

0
0
12.3
255

空白のみの文字列や空文字列（""）は「0」に変換され、指数表記の「123e-1」は「12.3」、「0xFF」という16進数表記は「255」に変換されます。

まとめ

Number()メソッドは、文字列・真偽値・null・16進数などさまざまな型の値を数値へ柔軟に変換できる便利なメソッドです。ただし、数値として解釈できない文字列を渡すとNaNが返るため、実装の際は変換元の値に注意して使用しましょう。

  1. JavaScriptで値を文字列に変換する5つの方法を徹底解説

    JavaScriptで値を文字列（string型）に変換する方法は、主に5つあります。それぞれ動作の仕組みや挙動が異なるため、用途に応じて使い分けることが大切です。空文字列との連結テンプレート文字列JSON.stringify()toString()メソッドString()関数各変換方法のポイント1. 空文字列との連結値に対して空文字列 を加算すると、JavaScriptの暗黙的な型変換によって文字列になります。手軽な一方で、意図しない演算結果につながる可能性もあるため注意が必要です。2. テンプレート文字列バッククォート `${value}` を使う方法です。可読性が高く、複数の値を組み合

  2. JavaScriptで整数を2進数に変換する方法

    JavaScriptで整数を2進数に変換する基本の考え方JavaScriptで整数を2進数に変換するには、対象の整数を2で割り、その都度発生する余りを順番に記録していく方法が使われます。余りは必ず0か1になるため、計算が終わった後にこれらを逆順に並べると、元の整数の2進数表現が完成します。なお、実際の開発では toString(2) メソッドを使えば1行で変換できますが、ここでは変換の仕組み（アルゴリズム）を理解できるよう、剰余演算を用いた実装例を紹介します。サンプルコードfunction convertDecimalToBinary(value) {  var binar