javascript 文字列を数値型に変更する

javascript 文字列を数値型に変更する

javascriptで、Number(), parseInt(), parseFloat()を使用して、文字列を数値型に変更するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ firefox 80.0.1

Number使い方

Numberを使うと、文字列を数値型に変更することが可能です。

Number使い方

parseInt使い方

Numberを使うと、文字列を数値型に変更することが可能ですが小数点以下は切り捨てられてしまいます。

parseInt使い方

parseFloat使い方

parseFloatも、文字列を数値型に変更することが可能です

parseFloat使い方

その他

以下のような方法でも変換可能です

サンプルコード

以下は、
「変換」ボタンをクリックするとフォームに入力された文字列を数値型に変換する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

変換されていることが確認できます。