javascript エラー「Uncaught TypeError: xxx.toFixed is not a function」が発生した場合の対処法

• 2020.08.11
• javascript
• javascript

javascriptでtoFixedメソッド利用時に、エラー「Uncaught TypeError: xxx.toFixed is not a function」が発生した場合の原因と対処法を記述してます。

目次

• 1. 環境
• 2. エラー全文
• 3. 原因
• 4. 対処法

環境

• OS windows10 pro 64bit
• Apache 2.4.43

※windows10にApacheのインストールはこちら

エラー全文

テキストフォームから値を取得して「toFixed」メソッドを利用した際に発生

var val = document.getElementById("text-box").value; var num = val.toFixed(3);

1 2	var val = document.getElementById("text-box").value; var num = val.toFixed(3);

エラーメッセージ

Uncaught TypeError: val.toFixed is not a function

1	Uncaught TypeError: val.toFixed is not a function

原因

変数の型が「文字列」として認識されているため

対処法

小数点を含むなら「parseFloat」整数なら「parseInt」を利用する

var num = parseFloat(val).toFixed(3); or var num = parseInt(val).toFixed(3);

1 2 3

var num = parseFloat(val).toFixed(3); or var num = parseInt(val).toFixed(3);

• 前の記事
  

  Nuxt.js ライブラリ「vue-snap」をインストールしてタッチ操作可能なカルーセルを実装する 2020.08.11

• 次の記事
  

  jquery mouseover・mouseoutメソッドを使ってマウスオーバーとアウトを処理する 2020.08.11