勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

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>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<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で実行時間の測定

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

: javascript:void(0)について

よく使う<a href="javascript:void(0)" oncl ...

: JavaScriptで年齢計算

JavaScriptで年齢計算。 ■ソース function ageCalcul ...

: ユーザーエージェントなどユーザー情報を取得する方法

上からUA、IP、ホスト名を取得。 $ua = $_SERVER['HTTP_U ...

: GoogleMapAPIで現在地取得と目的地までのルート表示

GoogleMapAPIを使って現在地を取得しつつ、目的地までのルートを表示させ ...

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

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

: chardin.jsを利用して注釈を入れる

簡易マニュアルとかでむっちゃ使えそう。 ■chardin.js http://h ...

: JavaScriptで住所から経度緯度を取得する

やりたかった事はformに住所を入れてsubmitする際に、javascript ...

: JavaScriptで配列をループ処理(for-in)

JavaScriptでforeach使ったこと無かったけど、配列のキーが連番じ ...

: javascriptでのについて

javascriptを書く際に、 <script> <!-- ...

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