Jak zaokrąglić liczbę w JavaScript? .toFixed () zwraca ciąg?

Czy coś mi umyka?

var someNumber = 123.456;
someNumber = someNumber.toFixed(2);
alert(typeof(someNumber));
//alerts string

Dlaczego nie.toFixed()zwróci ciąg?

Chcę zaokrąglić liczbę do 2 cyfr dziesiętnych.

Zwraca łańcuch, ponieważ 0.1 i jego moce (które są używane do wyświetlania ułamków dziesiętnych) nie są reprezentowalne (przynajmniej nie z pełną dokładnością) w binarnych systemach zmiennoprzecinkowych.

Na przykład 0,1 to naprawdę 0,1000000000000000055511151231257827021181583404541015625, a 0,01 to naprawdę 0,01000000000000000020816681711721685132943093776702880859375. (Dzięki BigDecimalza udowodnienie mojej racji. :-P)

Dlatego (w przypadku braku dziesiętnego typu zmiennoprzecinkowego lub wymiernego), wyprowadzenie go jako łańcucha jest jedynym sposobem, aby uzyskać dokładną precyzję wymaganą do wyświetlenia.

Number.prototype.toFixedto funkcja przeznaczona do formatowania liczby przed jej wydrukowaniem. To z rodziny toString, toExponentiali toPrecision.

Aby zaokrąglić liczbę, wykonaj następujące czynności:

someNumber = 42.008;
someNumber = Math.round( someNumber * 1e2 ) / 1e2;
someNumber === 42.01;

// if you need 3 digits, replace 1e2 with 1e3 etc.
// or just copypaste this function to your code:

function toFixedNumber(num, digits, base){
  var pow = Math.pow(base||10, digits);
  return Math.round(num*pow) / pow;
}

.

Jeśli potrzebujesz funkcji „ natywnej ”, możesz rozszerzyć prototyp:

Number.prototype.toFixedNumber = function(digits, base){
  var pow = Math.pow(base||10, digits);
  return Math.round(this*pow) / pow;
}

someNumber = 42.008;
someNumber = someNumber.toFixedNumber(2);
someNumber === 42.01;


//or even hexadecimal

someNumber = 0xAF309/256  //which is af3.09
someNumber = someNumber.toFixedNumber(1, 16);
someNumber.toString(16) === "af3.1";

Należy jednak pamiętać, że zanieczyszczenie prototypu jest uważane za złe podczas pisania modułu, ponieważ moduły nie powinny mieć żadnych skutków ubocznych. Tak więc w przypadku modułu użyj pierwszej funkcji .

Rozwiązałem ten problem, zmieniając to:

someNumber = someNumber.toFixed(2)

...do tego:

someNumber = +someNumber.toFixed(2);

Jednak spowoduje to przekonwertowanie liczby na ciąg i ponownie ją przeanalizuje, co będzie miało znaczący wpływ na wydajność. Jeśli zależy Ci na wydajności lub bezpieczeństwie typu, sprawdź również pozostałe odpowiedzi.

Dlaczego nie używać parseFloat?

var someNumber = 123.456;
someNumber = parseFloat(someNumber.toFixed(2));
alert(typeof(someNumber));
//alerts number

Rozwiązałem to, konwertując go z powrotem na liczbę za pomocą Number()funkcji JavaScript

var x = 2.2873424;
x = Number(x.toFixed(2));

Oczywiście zwraca ciąg. Jeśli chcesz zaokrąglić zmienną numeryczną, użyjesz zamiast tego Math.round (). Punkt toFixed służy do formatowania liczby ze stałą liczbą miejsc dziesiętnych do wyświetlenia użytkownikowi .

Możesz po prostu użyć „+”, aby przekonwertować wynik na liczbę.

var x = 22.032423;
x = +x.toFixed(2); // x = 22.03

Czego spodziewałbyś się, że zwróci, gdy ma sformatować liczbę? Jeśli masz liczbę, nie możesz prawie nic z nią zrobić, ponieważ np. 2 == 2.0 == 2.00Itd., Więc musi to być ciąg.

Aby podać przykład, dlaczego musi to być ciąg:

Jeśli sformatujesz 1. naFixed (2), otrzymasz „1,00”.

To nie to samo, co 1, ponieważ 1 nie ma 2 miejsc po przecinku.

Wiem, że JavaScript nie jest dokładnie językiem wydajnościowym , ale jest szansa, że ​​uzyskasz lepszą wydajność zaokrąglania, jeśli użyjesz czegoś takiego: roundedValue = Math.round (value * 100) * 0,01

Ponieważ jego głównym zastosowaniem jest wyświetlanie liczb? Jeśli chcesz zaokrąglić liczby, użyj Math.round()odpowiednich współczynników.

Oto nieco bardziej funkcjonalna wersja m93audzielonej odpowiedzi .

const toFixedNumber = (toFixTo = 2, base = 10) => num => {
  const pow = Math.pow(base, toFixTo)
  return +(Math.round(num * pow) / pow)
}

const oneNumber = 10.12323223

const result1 = toFixedNumber(2)(oneNumber) // 10.12
const result2 = toFixedNumber(3)(oneNumber) // 10.123

// or using pipeline-operator
const result3 = oneNumber |> toFixedNumber(2) // 10.12