JavaScriptで文字列から数値へ変換時の注意

2018/06/12

JavaScriptで文字列から数値へ変換時に思った挙動と異なることがあった。具体的には小数が入った時に小数点以下が勝手に丸められた。以下に対応方法をメモ。

対応方法

<script>
var num1 = '1';
var num2 = '0.001';
var num3 = '1.001';

console.log(num1); //'1'
console.log(num2); //'0.001'
console.log(num3); //'1.001'

//parseIntで文字列→数値に変換
console.log(parseInt(num1)); //1
console.log(parseInt(num2)); //0
console.log(parseInt(num3)); //1

//parseFloatで文字列→数値に変換
console.log(parseFloat(num1)); //1
console.log(parseFloat(num2)); //0.001
console.log(parseFloat(num3)); //1.001
</script>

var num1 = '1';

var num2 = '0.001';

var num3 = '1.001';

console.log(num1); //'1'

console.log(num2); //'0.001'

console.log(num3); //'1.001'

//parseIntで文字列→数値に変換

console.log(parseInt(num1)); //1

console.log(parseInt(num2)); //0

console.log(parseInt(num3)); //1

//parseFloatで文字列→数値に変換

console.log(parseFloat(num1)); //1

console.log(parseFloat(num2)); //0.001

console.log(parseFloat(num3)); //1.001

</script>

少数が入る可能性がある場合はperseFloatを使う。

- javascript

: サイトにHTMLエディタ(WYSIWYG)を導入する方法

シンプルで導入が簡単、且つ日本語化されているウィジウィグを探しており、良さそうな ...

: JavaScriptで連想配列を数値でソート

数字の大きい順でソートしたかったんだけど、色々調べてhash.sort云々やっ ...

: table内のiframeのheightを最大高さにする

tableのtdの中にリンクがあり、クリックすると td内でiframeが開く。 ...

: JavaScriptで多次元連想配列

JavaScriptで多次元の配列を作る際にいつも迷ってしまうのでメモ。 ■こう ...

: JavaScriptで特定の範囲内から整数値を、数値が被らずにランダムに取り出す

やりたかったのは1位から20位のランキング内で JavaScriptを用いてラン ...

: javascriptで画像を取り扱う際の注意

javascriptで画像を取り扱う際に、ちゃんと要素を指定しているのにも関わ ...

: javascriptで実行時間の測定

var time_test = function(){ var x = 1; f ...

: JavaScriptの三項演算子

いつもと違う書き方？　使い方の三項演算子があったのでメモ。 ■ソース var ...

: highcharts.jsで棒グラフと折れ線グラフを1つのグラフに入れる

やりたかった事は、・棒グラフと折れ線グラフを入れたい・Y軸はそれぞれ違う値に ...

: CSSとJavaScriptでテキストのコピー防止

あるサイトで文言の意味が分からずGoogleで検索する為にコピペしようとするも、 ...

PREV: PHPでソーシャル(SNS)ログインする方法2018
NEXT: PHPでBlowfishを用いた暗号と復号化

JavaScriptで文字列から数値へ変換時の注意

対応方法

関連記事