Jak zaokrąglić liczbę w JavaScript?


159

Chcę użyć JavaScript, aby zaokrąglić liczbę w górę. Ponieważ liczba jest walutą, chcę ją zaokrąglić w górę, jak w tych przykładach (2 miejsca po przecinku):

  • 192,168 => 192,20
  • 192,11 => 192,20
  • 192,21 => 192,30
  • 192,26 => 192,30
  • 192,20 => 192,20

Jak to osiągnąć za pomocą Javascript? Wbudowana funkcja JavaScript zaokrągla liczbę w oparciu o standardową logikę (mniej i więcej niż 5, aby zaokrąglić w górę).

Odpowiedzi:


313
/**
 * @param num The number to round
 * @param precision The number of decimal places to preserve
 */
function roundUp(num, precision) {
  precision = Math.pow(10, precision)
  return Math.ceil(num * precision) / precision
}

roundUp(192.168, 1) //=> 192.2

2
@AndrewMarshall, jaki jest cel mnożenia, a następnie dzielenia przez 10?
codecowboy,

6
@codecowboy Jeśli tego nie zrobisz, ceil()otrzymasz od nas 193, więc musimy upewnić się, że cała precyzja, którą chcemy zachować, jest przed przecinkiem. Następnie wykonujemy operację odwrotną, aby przywrócić „oryginalną” wartość.
Andrew Marshall,

1
Jeśli dostaniesz taki numer 192.19999999999997, możesz zgłosić .toFixed(1)się donum
flamer.ohr

4
A dla tych, którzy zastanawiają się, jak zaokrąglić w górę do najbliższej CAŁKOWITEJ liczby, wystarczy Math.ceil (). Reszta to tylko ułamki dziesiętne. Aby zaoszczędzić innym czas, jaki zajęło mojemu mózgowi dotarcie do tego!
Nigel B. Peck

To rozwiązanie ma błąd: Math.ceil (0,0159 * 1000000000) / precyzja. Otrzymasz ułamek 0,015900001. Należy dodać weryfikację zakresu w celu uzyskania dokładności.
Frank

26

Trochę późno, ale może w tym celu utworzyć funkcję javascript wielokrotnego użytku:

// Arguments: number to round, number of decimal places
function roundNumber(rnum, rlength) { 
    var newnumber = Math.round(rnum * Math.pow(10, rlength)) / Math.pow(10, rlength);
    return newnumber;
}

Wywołaj funkcję jako

alert(roundNumber(192.168,2));

2
Działa to świetnie, ale OP zapytał, jak zaokrąglić liczbę w górę, więc zamiast Math.round należy użyć Math.ceil.
kloddant

Ta odpowiedź jest lepsza niż zaakceptowana odpowiedź, jeśli chcesz poprawnie zaokrąglić w górę, niezależnie od tego, do którego miejsca dziesiętnego dążysz. Np .: 1,054 -> 1,05 1,055 -> 1,06 JEDNAK tutaj jest przypadek skrajny: 1,005 -> 1 1,006 -> 1,01 I 1,015 -> 1,01 1,016 -> 1,02 Więc bądź ostrożny.
Jay K

21

Normalne zaokrąglanie będzie działać z niewielkimi zmianami:

Math.round(price * 10)/10

a jeśli chcesz zachować format waluty, możesz użyć metody liczbowej .toFixed()

(Math.round(price * 10)/10).toFixed(2)

Chociaż to sprawi, że będzie to String =)


Math.round (192,11 * 100) / 100 ->
192,11

1
Drugi nie wymaga zaokrąglania, bardziej przypominaprice.toFixed(2)
Michael Krelin - haker

@Krtek ooops, Dzięki, że to złapałeś. Źle przeczytałem pytanie. Zaktualizowano odpowiedź.
Shad

2
OP zapytał, jak zaokrąglić liczbę, więc zamiast Math.round należy użyć Math.ceil.
kloddant

10

Bardzo blisko odpowiedzi TheEye , ale zmieniam małą rzecz, aby działała:

var num = 192.16;
    
console.log(    Math.ceil(num * 10) / 10    );


2

OP oczekuje dwóch rzeczy:
A. zaokrąglić w górę do wyższych dziesiątych i
B. pokazać zero na miejscu setnym (typowa potrzeba w przypadku waluty).

Wydaje się, że spełnienie obu wymagań wymagałoby oddzielnej metody dla każdego z powyższych. Oto podejście, które opiera się na sugerowanej odpowiedzi Suryakirana:

//Arguments: number to round, number of decimal places.

function roundPrice(rnum, rlength) {
    var newnumber = Math.ceil(rnum * Math.pow(10, rlength-1)) / Math.pow(10, rlength-1);
    var toTenths = newnumber.toFixed(rlength);
    return toTenths;
}

alert(roundPrice(678.91011,2)); // returns 679.00
alert(roundPrice(876.54321,2)); // returns 876.60

Ważna uwaga: to rozwiązanie daje zupełnie inny wynik z liczbami ujemnymi i wykładniczymi.

Aby porównać tę odpowiedź z dwoma bardzo podobnymi, zobacz następujące 2 podejścia. Pierwsza po prostu zaokrągla normalnie do najbliższej setnej, a druga po prostu zaokrągla w górę do najbliższej setnej (większej).

function roundNumber(rnum, rlength) { 
    var newnumber = Math.round(rnum * Math.pow(10, rlength)) / Math.pow(10, rlength);
    return newnumber;
}

alert(roundNumber(678.91011,2)); // returns 678.91

function ceilNumber(rnum, rlength) { 
    var newnumber = Math.ceil(rnum * Math.pow(10, rlength)) / Math.pow(10, rlength);
    return newnumber;
}

alert(ceilNumber(678.91011,2)); // returns 678.92

2

ok, odpowiedź została udzielona, ​​ale pomyślałem, że chciałbyś zobaczyć moją odpowiedź, która raz wywołuje funkcję math.pow (). Myślę, że lubię utrzymywać rzeczy SUCHE.

function roundIt(num, precision) {
    var rounder = Math.pow(10, precision);
    return (Math.round(num * rounder) / rounder).toFixed(precision)
};

To wszystko składa się na całość. Zastąp Math.round () przez Math.ceil (), aby zaokrąglić w górę zamiast zaokrąglać, czego chciał OP.


1

ta funkcja ogranicza liczbę dziesiętną bez okrągłej liczby

function limitDecimal(num,decimal){
     return num.toString().substring(0, num.toString().indexOf('.')) + (num.toString().substr(num.toString().indexOf('.'), decimal+1));
}

Jako krótsza alternatywa: return ('' + num) .split ('.'). Shift ()
Roberto

dzięki Roberto ten kod działa, ale usuń wszystkie dziesiętne
Behnam Mohammadi

0

Używam odpowiedzi @AndrewMarshall przez długi czas, ale znalazłem kilka skrajnych przypadków. Następujące testy nie przechodzą:

equals(roundUp(9.69545, 4), 9.6955);
equals(roundUp(37.760000000000005, 4), 37.76);
equals(roundUp(5.83333333, 4), 5.8333);

Oto, czego teraz używam, aby zaokrąglenie zachowywało się poprawnie:

// Closure
(function() {
  /**
   * Decimal adjustment of a number.
   *
   * @param {String}  type  The type of adjustment.
   * @param {Number}  value The number.
   * @param {Integer} exp   The exponent (the 10 logarithm of the adjustment base).
   * @returns {Number} The adjusted value.
   */
  function decimalAdjust(type, value, exp) {
    // If the exp is undefined or zero...
    if (typeof exp === 'undefined' || +exp === 0) {
      return Math[type](value);
    }
    value = +value;
    exp = +exp;
    // If the value is not a number or the exp is not an integer...
    if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
      return NaN;
    }
    // If the value is negative...
    if (value < 0) {
      return -decimalAdjust(type, -value, exp);
    }
    // Shift
    value = value.toString().split('e');
    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
    // Shift back
    value = value.toString().split('e');
    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
  }

  // Decimal round
  if (!Math.round10) {
    Math.round10 = function(value, exp) {
      return decimalAdjust('round', value, exp);
    };
  }
  // Decimal floor
  if (!Math.floor10) {
    Math.floor10 = function(value, exp) {
      return decimalAdjust('floor', value, exp);
    };
  }
  // Decimal ceil
  if (!Math.ceil10) {
    Math.ceil10 = function(value, exp) {
      return decimalAdjust('ceil', value, exp);
    };
  }
})();

// Round
Math.round10(55.55, -1);   // 55.6
Math.round10(55.549, -1);  // 55.5
Math.round10(55, 1);       // 60
Math.round10(54.9, 1);     // 50
Math.round10(-55.55, -1);  // -55.5
Math.round10(-55.551, -1); // -55.6
Math.round10(-55, 1);      // -50
Math.round10(-55.1, 1);    // -60
Math.round10(1.005, -2);   // 1.01 -- compare this with Math.round(1.005*100)/100 above
Math.round10(-1.005, -2);  // -1.01
// Floor
Math.floor10(55.59, -1);   // 55.5
Math.floor10(59, 1);       // 50
Math.floor10(-55.51, -1);  // -55.6
Math.floor10(-51, 1);      // -60
// Ceil
Math.ceil10(55.51, -1);    // 55.6
Math.ceil10(51, 1);        // 60
Math.ceil10(-55.59, -1);   // -55.5
Math.ceil10(-59, 1);       // -50

Źródło: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/round


1
Twoje przypadki testowe wydają się nieprawidłowe. roundUp(37.760000000000005, 4)powinno być 37.7601i roundUp(5.83333333, 4)powinno być 5.8334. Te dwa (i twoje pierwsze) wszystkie odnoszą się do podanego przeze mnie fn.
Andrew Marshall

@AndrewMarshall ma powód, twoje oczekiwane wartości są nieprawidłowe dla przypadku 2 i 3.
Amn

-3

parseInt zawsze zaokrągla w dół, więc .....

console.log(parseInt(5.8)+1);

do parseInt () + 1

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.