JavaScript: formattazione dei numeri con il metodo toFixed()

Il metodo toFixed() dell'oggetto Number serve a formattare un numero utilizzando una notazione con punto fisso. Si tratta di un metodo JavaScript molto utile per lavorare con i numeri.

Questo metodo accetta come unico argomento il numero di cifre da mostrare dopo il punto decimale (un valore compreso tra 0 e 20). Se l'argomento viene omesso viene interpretato come 0.

Supponiamo ad esempio di dover visualizzare il totale di un carrello. Ecco come fare:


const total = 73.5;

console.log(total.toFixed(2)); // 73.50

Dato che questo metodo opera solo sui numeri, occorre sempre verificare prima se la variabile che stiamo utilizzando è un numero o meno. Se è una stringa, ad esempio, dobbiamo prima convertirla in numero:


const total = document.getElementById('total').innerText; // '73.5'
const totalNumber = Number(total); // o parseFloat(total)

if(!isNaN(totalNumber)) {
	console.log(totalNumber.toFixed(2)); // 73.50
}

Si consiglia di utilizzare sempre la funzione isNaN() per essere sicuri che stiamo operando su di un numero.

Torna su