TypeError: toFixed is not a function in JavaScript [Solved]

# TypeError: toFixed is not a function in JavaScript

The "toFixed is not a function" error occurs when the toFixed() method is called on a value that is not a number.

To solve the error, either convert the value to a number before calling the toFixed method or only call the method on numbers.

Here is an example of how the error occurs.

Copied!
const num = '123';

// ⛔️ Uncaught TypeError: num.toFixed is not a function
const result = num.toFixed(2);

We called the Number.toFixed() method on a value that has a type of string, so the error occurred.

# Convert the value to a number before calling the toFixed() method

To solve the error, convert the value to a number before calling the toFixed() method.

Copied!
const num = '123.456';

const result = Number(num).toFixed(2);
console.log(result); // 👉️ 123.46

If you know that the value is a valid number that is wrapped in a string, pass it to the Number() constructor before calling the toFixed() method.

You can also use the parseFloat function to convert a value to a number.

Copied!
const num = '123.456ABC';

const result = parseFloat(num).toFixed(2);
console.log(result); // 👉️ 123.46

The parseFloat() function returns a floating-point number parsed from the given string or NaN if the first non-whitespace character cannot be converted to a number.

The Number.toFixed() method formats a number using fixed-point notation and can only be called on numbers.

# Check if the value is of type number before calling toFixed()

Alternatively, you can check if the value has a type of number before calling the toFixed method.

Copied!
const num = null;

const result = typeof num === 'number' ? num.toFixed(2) : 0;
console.log(result); // 👉️ 0

We used the ternary operator which is very similar to an if/else statement.

We check if the num variable stores a number, and if it does, we return the result of calling the toFixed method, otherwise we return 0.

You can also use a simple if/else statement to check if the value is a number before calling the toFixed() method.

Copied!
const num = null;

let result = 0;

if (typeof num === 'number') {
  result = num.toFixed(2);
}

console.log(result); // 👉️ 0

If the value is a number, we call the toFixed() method on it, otherwise, the result variable remains set to 0.

If the value is an object or array, you should probably be accessing a specific property on the object or a specific index in the array before calling the toFixed() method.