float - number javascript
¿Cómo formatear un flotador en javascript? (13)
En JavaScript, al convertir de un flotante a una cadena, ¿cómo puedo obtener solo 2 dígitos después del punto decimal? Por ejemplo, 0.34 en lugar de 0.3445434.
You can try this if you want don''t want to use rounding
function myFunction() {
var str = 12.234556;
str = str.toString().split(''.'');
var res = str[1].slice(0, 2);
document.getElementById("demo").innerHTML = str[0]+''.''+res;
}
output:12.23
str.toString().split(''.'') convertirá su número flotante en una cadena y luego lo dividirá por ''.''
Las variables resultantes serán una matriz con dos elementos de tipo cadena, el primer elemento será 12 y el segundo elemento será 234556
str[1].slice(0, 2) dividirá su segunda cadena (234556) en las dos primeras char, que es 23
Luego, simplemente concatene la cadena y la cadena resultante a través de str[0]+''.''+res
Espero que esto ayude
Hay funciones para redondear números. Por ejemplo:
var x = 5.0364342423;
print(x.toFixed(2));
imprimirá 5.04.
EDITAR: Fiddle
Hay un problema con todas esas soluciones que flotan alrededor de usar multiplicadores. Las soluciones de kkyy y de Christoph están mal, desafortunadamente.
Por favor, compruebe su código para el número 551.175 con 2 lugares decimales; se redondeará a 551.17, mientras que debería ser 551.18 . Pero si pruebas por ex. 451.175 estará bien - 451.18. Así que es difícil detectar este error a primera vista.
El problema es con la multiplicación: intente 551.175 * 100 = 55117.49999999999 (¡arriba!)
Así que mi idea es tratarla con toFixed () antes de usar Math.round ();
function roundFix(number, precision)
{
var multi = Math.pow(10, precision);
return Math.round( (number * multi).toFixed(precision + 1) ) / multi;
}
No hay forma de evitar el redondeo inconsistente de los precios con x.xx5 como valor real utilizando la multiplicación o la división. Si necesita calcular los precios correctos del lado del cliente, debe mantener todas las cantidades en centavos. Esto se debe a la naturaleza de la representación interna de los valores numéricos en JavaScript. Tenga en cuenta que Excel tiene los mismos problemas para que la mayoría de las personas no noten los pequeños errores causados por este fenómeno. Sin embargo, los errores pueden acumularse cuando se suman muchos valores calculados, hay una teoría completa en torno a esto que involucra el orden de los cálculos y otros métodos para minimizar el error en el resultado final. Para enfatizar en los problemas con los valores decimales, tenga en cuenta que 0.1 + 0.2 no es exactamente igual a 0.3 en JavaScript, mientras que 1 + 2 es igual a 3.
Supongo que la clave aquí es redondear correctamente primero, luego puedes convertirlo en String.
function roundOf(n, p) {
const n1 = n * Math.pow(10, p + 1);
const n2 = Math.floor(n1 / 10);
if (n1 >= (n2 * 10 + 5)) {
return (n2 + 1) / Math.pow(10, p);
}
return n2 / Math.pow(10, p);
}
// All edge cases listed in this thread
roundOf(95.345, 2); // 95.35
roundOf(95.344, 2); // 95.34
roundOf(5.0364342423, 2); // 5.04
roundOf(0.595, 2); // 0.60
roundOf(0.335, 2); // 0.34
roundOf(0.345, 2); // 0.35
roundOf(551.175, 2); // 551.18
roundOf(0.3445434, 2); // 0.34
Ahora puede formatear este valor de forma segura con toFixed (p). Así que con su caso específico:
roundOf(0.3445434, 2).toFixed(2); // 0.34
Tal vez usted también querrá separador decimal? Aquí hay una función que acabo de hacer:
function formatFloat(num,casasDec,sepDecimal,sepMilhar) {
if (num < 0)
{
num = -num;
sinal = -1;
} else
sinal = 1;
var resposta = "";
var part = "";
if (num != Math.floor(num)) // decimal values present
{
part = Math.round((num-Math.floor(num))*Math.pow(10,casasDec)).toString(); // transforms decimal part into integer (rounded)
while (part.length < casasDec)
part = ''0''+part;
if (casasDec > 0)
{
resposta = sepDecimal+part;
num = Math.floor(num);
} else
num = Math.round(num);
} // end of decimal part
while (num > 0) // integer part
{
part = (num - Math.floor(num/1000)*1000).toString(); // part = three less significant digits
num = Math.floor(num/1000);
if (num > 0)
while (part.length < 3) // 123.023.123 if sepMilhar = ''.''
part = ''0''+part; // 023
resposta = part+resposta;
if (num > 0)
resposta = sepMilhar+resposta;
}
if (sinal < 0)
resposta = ''-''+resposta;
return resposta;
}
Tenga cuidado al usar toFixed() :
Primero, el redondeo del número se realiza utilizando la representación binaria del número, lo que podría llevar a un comportamiento inesperado. Por ejemplo
(0.595).toFixed(2) === ''0.59''
en lugar de ''0.6'' .
Segundo, hay un error de IE con toFixed() . En IE (al menos hasta la versión 7, no se verificó IE8), se cumple lo siguiente:
(0.9).toFixed(0) === ''0''
Podría ser una buena idea seguir la sugerencia de kkyy o usar una función personalizada toFixed() , por ejemplo
function toFixed(value, precision) {
var power = Math.pow(10, precision || 0);
return String(Math.round(value * power) / power);
}
Un problema más a tener en cuenta es que toFixed() puede producir ceros innecesarios al final del número. Por ejemplo:
var x=(23-7.37)
x
15.629999999999999
x.toFixed(6)
"15.630000"
La idea es limpiar la salida usando un RegExp :
function humanize(x){
return x.toFixed(6).replace(//.?0*$/,'''');
}
El RegExp coincide con los ceros finales (y opcionalmente el punto decimal) para asegurarse de que también se vea bien para los enteros.
humanize(23-7.37)
"15.63"
humanize(1200)
"1200"
humanize(1200.03)
"1200.03"
humanize(3/4)
"0.75"
humanize(4/3)
"1.333333"
Yo uso este código para formatear flotadores. Se basa en toPrecision() pero toPrecision() los ceros innecesarios. Me gustaría recibir sugerencias sobre cómo simplificar la expresión regular.
function round(x, n) {
var exp = Math.pow(10, n);
return Math.floor(x*exp + 0.5)/exp;
}
Ejemplo de uso:
function test(x, n, d) {
var rounded = rnd(x, d);
var result = rounded.toPrecision(n);
result = result.replace(//.?0*$/, '''');
result = result.replace(//.?0*e/, ''e'');
result = result.replace(''e+'', ''e'');
return result;
}
document.write(test(1.2000e45, 3, 2) + ''='' + ''1.2e45'' + ''<br>'');
document.write(test(1.2000e+45, 3, 2) + ''='' + ''1.2e45'' + ''<br>'');
document.write(test(1.2340e45, 3, 2) + ''='' + ''1.23e45'' + ''<br>'');
document.write(test(1.2350e45, 3, 2) + ''='' + ''1.24e45'' + ''<br>'');
document.write(test(1.0000, 3, 2) + ''='' + ''1'' + ''<br>'');
document.write(test(1.0100, 3, 2) + ''='' + ''1.01'' + ''<br>'');
document.write(test(1.2340, 4, 2) + ''='' + ''1.23'' + ''<br>'');
document.write(test(1.2350, 4, 2) + ''='' + ''1.24'' + ''<br>'');
/** don''t spend 5 minutes, use my code **/
function prettyFloat(x,nbDec) {
if (!nbDec) nbDec = 100;
var a = Math.abs(x);
var e = Math.floor(a);
var d = Math.round((a-e)*nbDec); if (d == nbDec) { d=0; e++; }
var signStr = (x<0) ? "-" : " ";
var decStr = d.toString(); var tmp = 10; while(tmp<nbDec && d*tmp < nbDec) {decStr = "0"+decStr; tmp*=10;}
var eStr = e.toString();
return signStr+eStr+"."+decStr;
}
prettyFloat(0); // "0.00"
prettyFloat(-1); // "-1.00"
prettyFloat(-0.999); // "-1.00"
prettyFloat(0.5); // "0.50"
function trimNumber(num, len) {
const modulu_one = 1;
const start_numbers_float=2;
var int_part = Math.trunc(num);
var float_part = String(num % modulu_one);
float_part = float_part.slice(start_numbers_float, start_numbers_float+len);
return int_part+''.''+float_part;
}
var result = Math.round(original*100)/100;
Los detalles , en caso de que el código no sea autoexplicativo.
Edite: ... o simplemente use toFixed , según lo propuesto por Tim Büthe . Olvidé ese, gracias (y un voto a la altura) por recordatorio :)
var x = 0.3445434
x = Math.round (x*100) / 100 // this will make nice rounding