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でフォームの禁止ワード制限

掲示板等で本文を送信する際に、予め定めていた禁止ワードが含まれていないかチェック ...

: 他サイトのRSS情報を画像付きで表示させる

WordPressでAというサイトを作成し、AのRSS情報をBというサイトでアイ ...

: GoogleMapでメインカラーを変更する方法

GoogleMapAPIを用いたMAPでカラー変更をしたかった。カラーコードの指 ...

: Flashを用いずJavaScriptでコピー&カット機能を実装する

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

: JavaScriptだけでTOPへ戻るリンクの表示

ページ内をある程度スクロールするとTOPへ戻るリンクを表示させたかった。ただ ...

: jQueryで偶数or奇数行にclassを付与

やりたかった事は、・PHPは使えなくてjavascriptかjQueryを使用 ...

: JavaScriptで小数の計算(decimal.js)

JavaScriptで小数の計算をすると値がずれることがあった。調べてみるとJa ...

: highcharts.jsについて

プログラムの作りかえを行う際、既存のソースで highcharts.jsを使って ...

: Ajaxでプラグイン無しのファイルアップロード

画像ファイルを添付できて、尚且つAjaxを用いた非同期通信のフォームを作りたかっ ...

: 画像をドラッグ&ドロップでアップロード

■2015/04/15追記以下記事の方が新しくて詳しい。 http://tai ...

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

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

対応方法

関連記事