Форматирование чисел в JavaScript для отображения двух десятичных знаков

В мире JavaScript, особенно для новичков, часто возникает задача форматирования чисел так, чтобы всегда отображались два десятичных знака, округляя при необходимости. Вот несколько типичных примеров:

number     display
------     -------
1          1.00
1.341      1.34
1.345      1.35

Один из общепринятых способов достижения этого — использование метода parseFloat(num).toFixed(2);. Однако, этот метод иногда может не давать ожидаемых результатов. Например, число 1 будет отображаться как 1, а не как 1.00.

Такое поведение вызывается тем, что toFixed() округляет число до ближайшего целого, если количество десятичных знаков меньше указанного. Кроме того, toFixed() возвращает строковое представление числа, что может вызвать дополнительные проблемы при дальнейшем использовании.

Если же требуется получить два десятичных знака в числе, можно использовать следующий код:

let num = 1.34567;
let formattedNum = Math.round(num * 100) / 100;

В этом случае, formattedNum будет равен 1.35. Если требуется получить строковое представление числа с двумя десятичными знаками, можно использовать toFixed(2):

let num = 1.34567;
let formattedNum = (Math.round(num * 100) / 100).toFixed(2);

Таким образом, formattedNum будет равен строке "1.35". Важно помнить, что toFixed(2) возвращает строку, а не число, поэтому при дальнейшем использовании может потребоваться преобразовать строку обратно в число.