JavaScript, отображающий число с плавающей точкой до 2 десятичных знаков

Я хотел отобразить число до 2 десятичных знаков.

Я думал, что мог бы использовать toPrecision(2)в JavaScript.

Однако, если номер есть 0.05, я получу 0.0500. Я бы предпочел, чтобы это осталось прежним.

Смотрите это на JSbin .

Каков наилучший способ сделать это?

Я могу подумать о кодировании нескольких решений, но я представляю (надеюсь) что-то вроде этого встроенное?

float_num.toFixed(2);

Примечание:toFixed() будет округлять или дополнять нулями, если необходимо, чтобы соответствовать указанной длине.

Вы можете сделать это с помощью toFixedфункции, но в IE она глючит . Если вам нужно надежное решение, посмотрите мой ответ здесь .

Попробуй toFixedвместо toPrecision.

Не знаю, как я добрался до этого вопроса, но даже если прошло много лет с тех пор, как мне его задали, я хотел бы добавить быстрый и простой метод, которому я следую, и он никогда не подводил меня:

var num = response_from_a_function_or_something();

var fixedNum = parseFloat(num).toFixed( 2 );

function round(value, decimals) { return Number(Math.round(value+'e'+decimals)+'e-'+decimals); }

раунд (1,005, 2); // вернуть 1.01

раунд (1,004, 2); // вернуть 1 вместо 1,00

Ответ по этой ссылке: http://www.jacklmoore.com/notes/rounding-in-javascript/

number.parseFloat(2) работает, но возвращает строку.

Если вы хотите сохранить его как тип номера, вы можете использовать:

Math.round(number * 100) / 100

Вы можете попробовать смешать Number()и toFixed().

Преобразуйте целевое число в красивую строку с цифрами X, а затем преобразуйте форматированную строку в число.

Number( (myVar).toFixed(2) )

Смотрите пример ниже:

var myNumber = 5.01;
var multiplier = 5;
$('#actionButton').on('click', function() {
  $('#message').text( myNumber * multiplier );
});

$('#actionButton2').on('click', function() {
  $('#message').text( Number( (myNumber * multiplier).toFixed(2) ) );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<button id="actionButton">Weird numbers</button>
<button id="actionButton2">Nice numbers</button>

<div id="message"></div>

toFixed()Метод форматирует число с использованием нотации с фиксированной точкой.

а вот и синтаксис

numObj.toFixed([digits])

Аргумент digits является необязательным и по умолчанию равен 0. И тип возвращаемого значения - строка, а не число. Но вы можете преобразовать его в число, используя

numObj.toFixed([digits]) * 1

Он также может генерировать исключения, такие как TypeError,RangeError

Вот полная детализация и совместимость в браузере.

let a = 0.0500
a.toFixed(2);

//output
0.05

Я сделал эту функцию. Работает нормально, но возвращает строку.

function show_float_val(val,upto = 2){
  var val = parseFloat(val);
  return val.toFixed(upto);
}