Realizar la adición de JavaScript puede parecer una tarea simple, hasta que descubra la cantidad de formas diferentes en que puede agregarlos. Los cálculos matemáticos son a menudo operaciones críticas que requieren una precisión extrema. Los sitios web que venden productos, por ejemplo, no pueden seguir siendo creíbles cobrando de más a un cliente unos centavos debido a una adición errónea de JavaScript. Aprender a sumar números correctamente puede ayudarlo a crear sitios web confiables que manipulen datos numéricos de manera eficiente.
Escritura de JavaScript
A diferencia de los lenguajes de programación fuertemente tipados como C #, JavaScript tiene un tipado flexible y le permite asignar cualquier tipo de datos a una variable sin darle a la variable un tipo específico. En JavaScript, por ejemplo, puede asignar un número a una variable llamada "x" tan fácilmente como puede asignarle la palabra "manzana". Esta flexibilidad le permite crear programas sin preocuparse por las declaraciones de tipos. Sin embargo, la mecanografía de datos sueltos también tiene inconvenientes, porque también podría intentar agregar el número 2 en una variable a otra variable cuyo valor sea "manzana". Esto no puede suceder en un lenguaje de programación fuertemente tipado.
Adición básica de JavaScript
El siguiente código agrega dos números y almacena el resultado en una variable llamada "suma":
var x = 1; var y = 2; var resultado = x + y;
El resultado es "3" en este sencillo ejemplo. Agregue números en JavaScript colocando un signo más entre ellos. También puede utilizar la siguiente sintaxis para realizar sumas:
var x + = y;
El operador "+ =" le dice a JavaScript que agregue la variable del lado derecho del operador a la variable de la izquierda.
Suma de punto flotante
Los números de coma flotante, como 1.234, contienen puntos decimales. Si agrega números de punto flotante como se muestra a continuación, JavaScript retiene los puntos decimales, como se muestra a continuación:
var x = 1.234; var y = 10; var z = x + y;
Después de agregar "y" a "x," JavaScript almacena "11.234" en la variable "z". Puede controlar el número de puntos decimales que aparecen en un resultado mediante la función "toFixed". En lugar de agregar "x" a "y", utilice la siguiente sintaxis:
var z = (x + y) .toFixed (2);
El método "toFixed" formatea el resultado para que solo muestre dos puntos decimales. Cambie "2" por cualquier otro número para que aparezcan tantos números después del punto decimal.
Agregar datos de texto
Es posible que haya descubierto un problema frustrante al intentar agregar los números ingresados en los cuadros de texto. Los cuadros de texto contienen datos de cadena y JavaScript los manipula como cadenas. El siguiente código agrega dos cadenas usando el operador más:
var x = "Manzanas" + "Naranjas";
La variable "x" contiene "ApplesOranges" después de que se ejecuta el código. Lo mismo sucede si realiza la siguiente suma utilizando números ingresados en dos cuadros de texto cuyos valores de ID son "texto1" y "texto2":
var x = document.getElementById ("cuadro de texto1"). valor; var y = document.getElementById ("cuadro de texto2"). valor; var z = x + y;
Si el primer cuadro de texto contiene "1" y el segundo cuadro de texto contiene "2", JavaScript agrega esos dos valores en lugar de agregarlos y almacena "12" en la variable "z". Para evitar que esto suceda, utilice la función Número, como se muestra a continuación:
var z = Número (x) + Número (y);
El resultado en esta instancia es 3.
Precisión
Mientras procesa datos, su aplicación puede necesitar redondear números y eliminar puntos decimales. El método Math.Round realiza esta tarea, como se demuestra en el siguiente ejemplo:
var x = 1.4 var y = 1.2; var z = Math.round (x + y);
Agregar "x" e "y" aquí normalmente produce 2.6 como resultado. Sin embargo, si utiliza Math.Round para realizar la suma, JavaScript redondea el valor a 3. Este método, que funciona en todos los navegadores, redondea los números al siguiente entero si el resultado es 0.5 o mayor.