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])

Аргумент цифр необов’язковий і за замовчуванням дорівнює 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);
}