JavaScriptで文字列から数値(特に小数)へ変換時の注意点
2024/02/20
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で同一サイトの2つのタブ(ページ)間で通信を行う方法
あるサイトでリンクをクリック時に別タブでページが開き、別タブ側のページで何らかの ...
-
-
JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法
外部サーバからAjax等で画像URLを取得したものをimgタグとしてページ内に描 ...
-
-
円形のプログレスバーをprogressbar.jsで実装する方法
円形のプログレスバーを実装したかった。CSSだったり画像を用いたりする方法もあっ ...
-
-
日本地図のクリッカブルマップをjQueryで実装する方法(japan-map)
JavaScriptもしくはjQueryで日本地図を表示し、都道府県や八地方区分 ...
-
-
Leafletにタグフィルター機能を実装できる「leaflet-tag-filter-button」プラグインの利用方法
以前にLeafletでマーカーをグループ化し、チェックボックスの状態により表示非 ...