2

Estoy tratando de sumar N valores con decimales con javascript, el problema es que lo logra sumar: ejemplo 53.113,20 + 12,50 = Unexpected number

Tengo una función que convierte mis totales en formato moneda:

Number.prototype.formatMoney = function(c, d, t){
            var n = this, 
                c = isNaN(c = Math.abs(c)) ? 2 : c, 
                d = d == undefined ? "." : d, 
                t = t == undefined ? "," : t, 
                s = n < 0 ? "-" : "", 
                i = String(parseInt(n = Math.abs(Number(n) || 0).toFixed(c))), 
                j = (j = i.length) > 3 ? j % 3 : 0;
            return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
         };

Ejemplo:

var x = 53113,20;
x.formatoMoneda(2, '.', ',');
var y = 12,50;
y.formatoMoneda(2, '.', ',');

El resultado sería esto:

x = 53.113,20;
y = 12,50

Al sumar x+y = ERROR.

5
  • , es un carácter reservado. utilizar . para los decimales
    – Dev. Joel
    Commented el 8 abr. 2017 a las 0:26
  • Pasa que lo estoy usando una funciona para volverlas a fomato moneda. Commented el 8 abr. 2017 a las 0:28
  • Agrega lo del formato a la pregunta, o bien publica una nueva pregunta.
    – Rubén
    Commented el 8 abr. 2017 a las 0:34
  • Pero puedes aplicar el formato moneda, solo al momento de mostrar en el input la información, o en donde lo quieras mostrar, de resto, guárdalo normal, con su decimal de la forma clásica. Commented el 8 abr. 2017 a las 0:38
  • @JhosselinGiménez realiza la suma antes x+y y el resultado le aplicas el formato moneda , puede tomar en cuenta este formato. stackoverflow.com/a/16233919
    – Dev. Joel
    Commented el 8 abr. 2017 a las 0:43

3 respuestas 3

4

En JavaScript no existe el concepto de formatos de números, que es lo que estás haciendo al declarar dichos números. En JavaScript existe un único formato y es:

<parte entera>.<parte decimal>

Por ende, los números que declaras debes cambiarlos a:

var x = 53113.20;
var y = 12.50;

La coma literal, principalmente separa expresiones, por ejemplo:

var x = 53113.20,
    y = 12.50;

Al encontrar una coma, el motor espera una declaración; en este caso en específico, espera una asignación de un valor a una variable al estar dentro de una instrucción de declaración.

Lo que pasa es que el son totales de productos y esas lo estoy pasando a una funcion que me convierte a formato moneda.

Eso no aplica al trabajar con programación. Ni a los lenguajes de programación, ni a las bases de datos les interesa tener obligatoriamente un formato de moneda (de los varios disponibles internacionalmente). Esos mismos números los puedes insertar en una base de datos sin problema alguno.

Un caso diferente para lo cual aplica lo que explicas, es cuando se quiere generar ciertos archivos en donde se mantenga un formato de moneda, como es el caso de una hoja de cálculo. En ese caso, te basta hacer una pequeña función para convertir un Number a una representación en texto de acuerdo a un formato en específico.

La libería Numeral.js te permite formatear un número JavaScript a un formato específico. En tu caso, el formato debe ser 0,0.00:

const x = 53113.20;
const y = 12.50;

console.info(numeral(x + y).format('0,0.00'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>

9
  • Lo que pasa es que el son totales de productos y esas lo estoy pasando a una funcion que me convierte a formato moneda... Commented el 8 abr. 2017 a las 0:30
  • @JhosselinGiménez He actualizado mi respuesta.
    – gugadev
    Commented el 8 abr. 2017 a las 0:43
  • Pero aun tengo un problema, esta se va a un value y cuando hago la suma es con los values esta lo toma 1,00.32 así jejeje Commented el 8 abr. 2017 a las 0:56
  • Cuando recuperes los valores, debes pasarlos nuevamente a número. Esto lo haces pasando el número formateado a la función numeral. Por ejemplo: const x = numeral('53,113.20');.
    – gugadev
    Commented el 8 abr. 2017 a las 1:01
  • Tengo este codigo, la suma de los productos se realiza de esta manera: codepen.io/Jhoss/pen/gmNoeb Commented el 8 abr. 2017 a las 1:07
0

no se necesita la coma, para poder diferenciar si es entero o decimal, dividelos mediante el . punto

var x = 53113.20;
var y = 12.50;
var total = x + y;

console.log(total);

1
  • 2
    Falta incluir una explicación de lo propuesto.
    – Rubén
    Commented el 8 abr. 2017 a las 0:33
0

Respuesta corta

  1. En JavaScript el separador de decimales es el punto
  2. Las funciones para dar formato a los números devuelven cadenas (strings).

Explicación

A continuación hago la explicación de lo indicado arriba, por partes, primero la asignación de números a variables y luego el uso de funciones nativas.

Primera parte: Asignación de números a variables

En la guía de Mozilla Developer Network (MDN) sobre cómo trabajar con números y fechas no se indica explícitamente que el separador de decimales es el punto, sin embargo, al ver los ejemplos esto se puede identificar.

Entonces al asignar una número a una variable en JavaScript en lugar de

var x = 53113,20;

Lo correcto es

var x = 53113.20;

y en lugar de

var y = 12,50;

lo correcto es

var y = 12.50;

Segunda parte: Formato de números

Lo que solemos llamar formato en la documentación sobre JavaScript de MDN le llama "representación del número acorde al idioma". Para esto JavaScript incluye de forma nativa dos funciones

La segunda se recomienda cuando se vayan a convertir grandes cantidades de número pues se desempeña mejor, según MDN.

Integrando lo anterior el código quedaría de la siguiente forma

// Asignación de variables a número
var x = 53113.20;
var y = 12.50;

// suma
var suma = x + y;

// Formato
var options = {minimumFractionDigits:2} // Con esto aseguramos que se muestren 2 decimales como mínimo
console.info('x: ' + x.toLocaleString('es-ES',options));
console.info('y: ' + y.toLocaleString('es-ES',options));
console.info('suma: ' +suma.toLocaleString('es-ES',options));

Cabe hacer notar que las funciones anteriores tienen limitaciones en cuanto a su compatibilidad con navegadores, pero estas funcionan en los principales navegadores en sus versiones recientes, según tengo entendido. Cómo en la pregunta no se menciona navegadores objetivo se considera esto fuera del alcance de la discusión.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.