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

: javascriptで月末日を取得

以前、PHPで月末日を取得したけれども javascriptで月末日を扱いたいケ ...

: javascriptのfor文で負荷軽減

javascriptで配列の数だけループをまわす際、 for (i=0; i&l ...

: クロスドメイン突破をjavascriptで行う

ajaxとかでクロスドメインを突破する際は、 PHPファイルを介すかJSONPを ...

: 複数のajax処理の結果をまとめて表示

同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...

: JavaScriptでAjaxを使わずにクロスドメインから変数を取得する

JavaScriptの配列形式で出力するファイルを作成しておき、動的にソースに ...

: javascriptでゼロパティング

月日をゼロパディングしたかったけど PHPとは違い、そういった関数は無かったので ...

: javascriptやjQueryで画像を書き換えても変わらない場合

けっこう前に画像をアップロードしてリアルタイムにプレビューする機能を作った時に ...

: JavaScriptで画像に光沢をつける(glossy.js)

凄く簡単に光沢がつけられるライブラリがあったのでメモ。ライブラリを呼び出してc ...

: javascriptとPHPで正規表現を使う場合

とりあえず使いそうなのは検索と置換。 ■javascript var str = ...

: マウスオーバーでの画像切り替えをJavaScriptで簡単に対応

マウスが要素にのった際に画像を切り替える処理を入れたかった。多分CSSの管轄なん ...

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

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

対応方法

関連記事