Число форматування завжди показувати два знаки після коми

Я хотів би відформатувати свої номери, щоб завжди відображалося 2 знаки після коми, закруглення, де це можливо.

Приклади:

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

Я використовую це:

parseFloat(num).toFixed(2);

Але це відображається 1як 1, а не 1.00.

(Math.round(num * 100) / 100).toFixed(2);

Демонстраційна демонстрація

var num1 = "1";
document.getElementById('num1').innerHTML = (Math.round(num1 * 100) / 100).toFixed(2);

var num2 = "1.341";
document.getElementById('num2').innerHTML = (Math.round(num2 * 100) / 100).toFixed(2);

var num3 = "1.345";
document.getElementById('num3').innerHTML = (Math.round(num3 * 100) / 100).toFixed(2);

span {
    border: 1px solid #000;
    margin: 5px;
    padding: 5px;
}

<span id="num1"></span>
<span id="num2"></span>
<span id="num3"></span>

Зауважте, що він округлятиме до 2 знаків після коми, тому вхід 1.346повернеться 1.35.

Number(1).toFixed(2);         // 1.00
Number(1.341).toFixed(2);     // 1.34
Number(1.345).toFixed(2);     // 1.34 NOTE: See andy's comment below.
Number(1.3450001).toFixed(2); // 1.35

document.getElementById('line1').innerHTML = Number(1).toFixed(2);
document.getElementById('line2').innerHTML = Number(1.341).toFixed(2);
document.getElementById('line3').innerHTML = Number(1.345).toFixed(2);
document.getElementById('line4').innerHTML = Number(1.3450001).toFixed(2);

<span id="line1"></span>
<br/>
<span id="line2"></span>
<br/>
<span id="line3"></span>
<br/>
<span id="line4"></span>

Ця відповідь буде невдалою, якщоvalue = 1.005 .

В якості кращого рішення проблеми округлення можна уникнути, використовуючи числа, представлені в експоненціальних позначеннях:

Number(Math.round(1.005+'e2')+'e-2'); // 1.01

Код очищення, як запропонував @Kon, та оригінальний автор:

Number(Math.round(parseFloat(value + 'e' + decimalPlaces)) + 'e-' + decimalPlaces)

Ви можете додати toFixed()в кінці, щоб зберегти десяткову точку, наприклад: 1.00але зауважте, що вона повернеться як рядок.

Number(Math.round(parseFloat(value + 'e' + decimalPlaces)) + 'e-' + decimalPlaces).toFixed(decimalPlaces)

Кредит: Округлення десяткових знаків у JavaScript

var num = new Number(14.12);
console.log(num.toPrecision(2));//outputs 14
console.log(num.toPrecision(3));//outputs 14.1
console.log(num.toPrecision(4));//outputs 14.12
console.log(num.toPrecision(5));//outputs 14.120

Для найбільш точного округлення створіть цю функцію:

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

і використовувати його для округлення до двох знаків після коми:

console.log("seeked to " + round(1.005, 2));
> 1.01

Завдяки Разу , цій статті та довідці Math.round MDN .

Для сучасних браузерів використовуйте toLocaleString:

var num = 1.345;
num.toLocaleString(undefined, { maximumFractionDigits: 2, minimumFractionDigits: 2 });

Укажіть тег локалі як перший параметр для управління десятковою подільником . Для крапки використовуйте, наприклад, англійську мову США:

num.toLocaleString("en-US", { maximumFractionDigits: 2, minimumFractionDigits: 2 });

що дає:

1,35

Більшість країн Європи використовують коску як десятковий роздільник, тому якщо ви, наприклад, використовуєте шведську / шведську мову:

num.toLocaleString("sv-SE", { maximumFractionDigits: 2, minimumFractionDigits: 2 });

це дасть:

1,35

Найпростіша відповідь:

var num = 1.2353453;
num.toFixed(2); // 1.24

Приклад: http://jsfiddle.net/E2XU7/

Набагато більш загальне рішення для округлення до N місць

function roundN(num,n){
  return parseFloat(Math.round(num * Math.pow(10, n)) /Math.pow(10,n)).toFixed(n);
}


console.log(roundN(1,2))
console.log(roundN(1.34,2))
console.log(roundN(1.35,2))
console.log(roundN(1.344,2))
console.log(roundN(1.345,2))
console.log(roundN(1.344,3))
console.log(roundN(1.345,3))
console.log(roundN(1.3444,3))
console.log(roundN(1.3455,3))

Output

1.00
1.34
1.35
1.34
1.35
1.344
1.345
1.344
1.346

var number = 123456.789;


console.log(new Intl.NumberFormat('en-IN', { maximumFractionDigits: 2 }).format(number));

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat

Якщо ви вже використовуєте jQuery, ви можете переглянути формат номерів jQuery плагін .

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

$.number( 123, 2 ); // Returns '123.00'

Ви також можете отримати jQuery Number Format від GitHub .

Це ви маєте на увазі?

function showAsFloat(num, n){
      return !isNaN(+num) ? (+num).toFixed(n || 2) : num;
}

document.querySelector('#result').textContent = 
    [
     'command                      | result',
     '-----------------------------------------------',
     'showAsFloat(1);              | ' + showAsFloat(1),
     'showAsFloat(1.314);          | ' + showAsFloat(1.314),
     'showAsFloat(\'notanumber\')    | ' + showAsFloat('notanumber'),
     'showAsFloat(\'23.44567\', 3)   | ' + showAsFloat('23.44567', 3),
     'showAsFloat(2456198, 5)      | ' + showAsFloat('2456198', 5),
     'showAsFloat(0);              | ' + showAsFloat(0)
    ].join('\n');

<pre id="result"></pre>

Перетворіть число в рядок, зберігаючи лише два десяткові дроби:

var num = 5.56789;
var n = num.toFixed(2);

Результатом n буде:

5.57

Шукаєте підлогу?

var num = 1.42482;
var num2 = 1;
var fnum = Math.floor(num).toFixed(2);
var fnum2 = Math.floor(num2).toFixed(2);
alert(fnum + " and " + fnum2); //both values will be 1.00

function currencyFormat (num) {
    return "$" + num.toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
}

console.info(currencyFormat(2665));   // $2,665.00
console.info(currencyFormat(102665)); // $102,665.00

Ось також загальна функція, яка може форматувати будь-яку кількість десяткових знаків:

function numberFormat(val, decimalPlaces) {

    var multiplier = Math.pow(10, decimalPlaces);
    return (Math.round(val * multiplier) / multiplier).toFixed(decimalPlaces);
}

Там, де потрібне конкретне форматування, слід написати власний розпорядок або використовувати функцію бібліотеки, яка виконує все, що вам потрібно. Основна функціональність ECMAScript зазвичай недостатня для відображення відформатованих чисел.

Ретельне пояснення округлення та форматування знаходиться тут: http://www.merlyn.demon.co.uk/js-round.htm#RiJ

Як правило, округлення та форматування повинні бути виконані лише як останній крок перед виведенням. Якщо це зробити раніше, це може ввести несподівано великі помилки і зруйнувати форматування.

Просто натисніть на цю найдовшу нитку, нижче моє рішення:

parseFloat(Math.round((parseFloat(num * 100)).toFixed(2)) / 100 ).toFixed(2)

Дайте мені знати, чи хтось може просунути яму

Ви не даєте нам всієї картини.

javascript:alert(parseFloat(1).toFixed(2))показує 1.00 у моїх браузерах, коли я вставляю його в рядок розташування. Однак якщо ви зробите щось з цим згодом, воно повернеться.

var num = 2
document.getElementById('spanId').innerHTML=(parseFloat(num).toFixed(2)-1)


shows 1 and not 1.00

var quantity = 12;

var import1 = 12.55;

var total = quantity * import1;

var answer = parseFloat(total).toFixed(2);

document.write(answer);

Мені довелося вирішити між перетвореннями parseFloat () та Number (), перш ніж я міг здійснити дзвінок toFixed (). Ось приклад форматування чисел після введення інформації користувача після захоплення.

HTML:

<input type="number" class="dec-number" min="0" step="0.01" />

Обробник подій:

$('.dec-number').on('change', function () {
     const value = $(this).val();
     $(this).val(value.toFixed(2));
});

Вищевказаний код призведе до виключення TypeError. Зауважте, що хоча тип введення html - "число", введення користувача насправді є "рядковим" типом даних. Однак функцію toFixed () можна викликати лише на об'єкті, який є числом.

Мій кінцевий код виглядатиме так:

$('.dec-number').on('change', function () {
     const value = Number($(this).val());
     $(this).val(value.toFixed(2));
});

Причина, якою я віддаю перевагу при передачі номера () проти parseFloat (), полягає в тому, що мені не потрібно виконувати додаткові перевірки ні для порожнього вхідного рядка, ні для значення NaN. Функція Number () автоматично оброблятиме порожній рядок і приховуватиме його до нуля.

Мені подобається:

var num = 12.749;
parseFloat((Math.round(num * 100) / 100).toFixed(2)); // 123.75

Заокруглюйте число двома знаками після коми, а потім переконайтесь, що їх розбирають, parseFloat() щоб повернути число, а не рядок, якщо вам не байдуже, чи це рядок чи номер.

Розширити об'єкт Math точним методом

Object.defineProperty(Math, 'precision',{
   value: function (value,precision,type){
             var v = parseFloat(value),
                 p = Math.max(precision,0)||0,
                 t = type||'round';
              return (Math[t](v*Math.pow(10,p))/Math.pow(10,p)).toFixed(p);
          }
    });

console.log(
    Math.precision(3.1,3), // round 3 digits 
    Math.precision(0.12345,2,'ceil'), // ceil 2 digits
    Math.precision(1.1) // integer part
)

parseInt(number * 100) / 100; працював на мене.

ось ще одне рішення округлення лише за допомогою підлоги, тобто переконання, що розрахункова сума не буде перевищувати початкову суму (іноді необхідну для транзакцій):

Math.floor(num* 100 )/100;

Ви можете спробувати цей код:

    function FormatNumber(number, numberOfDigits = 2) {
        try {
            return new Intl.NumberFormat('en-US').format(parseFloat(number).toFixed(2));
        } catch (error) {
            return 0;
        }
    }

    var test1 = FormatNumber('1000000.4444');
    alert(test1); // 1,000,000.44

    var test2 = FormatNumber(100000000000.55555555, 4);
    alert(test2); // 100,000,000,000.56

Спробуйте нижче код:

function numberWithCommas(number) { 

   var newval = parseFloat(Math.round(number * 100) / 100).toFixed(2);

   return newval.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

(num + "").replace(/^([0-9]*)(\.[0-9]{1,2})?.*$/,"$1$2")

Ось як я вирішую свою проблему:

parseFloat(parseFloat(floatString).toFixed(2));