勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ

JavaScriptで文字列から数値(特に小数)へ変換時の注意点

   2024/02/20  JavaScript

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>

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

 - JavaScript

  関連記事

Leafletで表示したマップにジェスチャーハンドリングを追加する方法(Leaflet.GestureHandling)
Leafletで表示したマップにジェスチャーハンドリングを追加する方法(Leaflet.GestureHandling)

GoogleMapをズームする際にPCだと「Ctrl＋スクロール」、スマホだと「 ...

summernoteのデフォルトの画像挿入時にCSSや任意の属性を指定する方法
summernoteのデフォルトの画像挿入時にCSSや任意の属性を指定する方法

summernoteのデフォルトの画像挿入時はBase64形式にエンコードされ、 ...

構造化データ(JSON-LD形式)をJavaScriptで動的に描写する方法
構造化データ(JSON-LD形式)をJavaScriptで動的に描写する方法

あるサイトに構造化データをJSON-LD形式で出力させたかった。ただ、当該環境で ...

JavaScriptで配列やオブジェクトの値を検索する方法
JavaScriptで配列やオブジェクトの値を検索する方法

JavaScriptにて配列やオブジェクトの値を検索する際、今までだとループを回 ...

leaflet.jsとOSMでマーカーの画像をそれぞれ指定する
leaflet.jsとOSMでマーカーの画像をそれぞれ指定する

leaflet.jsとOpenStreetMapでマップ上にマーカーを複数設置し ...