Los tipos de números y operadores aritméticos básicos en JavaScript

Integers en JavaScript

Dejamos un poco los strings para ir a por los tipos de datos numéricos.

En JavaScript tenemos un único tipo de dato numérico el conocido como number para todos los tipos numéricos. Ya sea un integer, un float, etc.

La excepción de esto es que se añadió un segundo tipo numérico aparte de number, el bigint del que he hablado en otro capítulo.

Los números enteros son los conocidos como integers.

Recuerda que para ponerlos en una variable, debemos hacerlo sin comillas:

let numero1 = 45;

Si lo escribes con comillas, aunque sea un número, javascript lo va a identificar como un string y no podrás hacer operaciones matemáticas a no ser de que lo transformes, que esto ya lo veremos más adelante.

floats en JavaScript

Los float los indicamos con un punto, una coma daría un error:

let numero1 = 45.78;

Operaciones aritméticas básicas

Estos cuatro operadores son los más básicos para hacer cálculos en JavaScript. Coinciden con los correspondientes operadores de matemáticas.

Vamos a ver estos cuatro operadores aritméticos básicos y como utilizarlos en variables.

La suma en JavaScript

El operador de suma de JavaScript, también conocido como operador de adición y de concatenación, permite realizar sumas si tenemos dos valores numéricos.

let numero1 = 45;
let numero2 = 55;
let resultadoOperacion = numero1 + numero2;

console.log(resultadoOperacion);

100

El console.log() devuelve 100. El resultado es correcto.
En esta operación he hecho algo tan sencillo como decirle a JavaScript que sume el valor que tiene numero1 y el valor de numero2.

La resta en JavaScript

El operador de resta de JavaScript, también conocido como operador de sustracción, permite realizar restas con dos valores numéricos.

let numero1 = 45;
let numero2 = 55;
let resultadoOperacion = numero1 - numero2;

console.log(resultadoOperacion);

-10

La multiplicación en JavaScript

El operador de multiplicación de JavaScript permite realizar multiplicaciones con dos valores numéricos.

let numero1 = 45;
let numero2 = 55;
let resultadoOperacion = numero1 * numero2;

console.log(resultadoOperacion);

2475

La división en JavaScript

El operador de división de JavaScript permite realizar divisiones con dos valores numéricos.

let numero1 = 10;
let numero2 = 2;
let resultadoOperacion = numero1 / numero2;

console.log(resultadoOperacion);

5

Los operandos (números con los que operas) podrán ser enteros, negativos, positivos, decimales, etc. pero siempre van a devolver el tipo de dato que sea necesario. Veamos un ejemplo:

let numero1 = 10.5;
let numero2 = 6;
let resultadoOperacion = numero1 + numero2;

console.log(resultadoOperacion);

16.5

El operando contenido en la primera variable (numero1) es un número decimal, mientras que el segundo valor es entero. Esto no supone un problema para JavaScript que sabe perfectamente que si operas con un decimal y un entero, el resultado tiene que ser en decimales. No obstante, también sabe que si un decimal y un entero o dos decimales dan un valor entero, el resultado se va a mostrar con un número entero como en el siguiente ejemplo:

let numero1 = 10.5;
let numero2 = 6.5;
let resultadoOperacion = numero1 + numero2;

console.log(resultadoOperacion);

17

Realizar múltiples operaciones a la vez

Podemos almacenar en una variable operaciones que den como resultado un valor.

let operacion = 10 + 15 * 3 / 2 - 80;

console.log(operacion);

La variable no almacena exactamente esta operación, más bien la soluciona y después almacena el resultado.

-47.5

Realizar operaciones con paréntesis en JavaScript

También es posible realizar operaciones con paréntesis para establecer prioridades a ciertas operaciones frente a otras, tal y como hacemos en matemáticas.

let operacion = (10 + 15) * 3 / 2 - 80;

console.log(operacion);

-42.5

El resultado esta vez es muy diferente, ya que para calcular esto, antes lo hacía así:
15 * 3 = 45 / 2 = 22.5 + 10 = 32.5 - 80 = -47.5

Por si no tienes el tema de las prioridades muy fresco, te explico que en matemáticas y en JavaScript se da prioridad a las operaciones de multiplicación y división, después a la suma y resta que se hacen al final, sin depender del orden en el que se escriba la operación.

En el caso de este segundo ejemplo con los paréntesis, la prioridad se le da a la suma independientemente de si hay multiplicación o división. El resultado se calcula así: 10 + 15 = 25 * 3 = 75 / 2 = 32.5 - 80 = -42.5

Si te cuesta un poco entender esto es porque necesitas práctica, nada más. Te dejo unos ejercicios para que puedas comprobar si has entendido este tema.

Ejercicios de JavaScript

19. La suma de 10.25 + 0.75, ¿qué tipo de dato devuelve?
20. Haz que la siguiente operación de como resultado el número 57 sin cambiar el orden de nada:

let numero1 = 23;
let numero2 = ?;
let resultadoOperacion = numero1 ? numero2;

console.log(resultadoOperacion);

Pista: solo tienes que cambiar los símbolos interrogantes por un número (línea 2) y un operador (línea 4).

21. Si queremos que la siguiente operación de como resultado el número 100, ¿dónde colocarías los paréntesis?

let operacion = 46 + 8 * 2 / 2 + 46;

	console.log(operacion);

Nota: no puedes cambiar el orden de la operación, solo puedes añadir paréntesis donde creas que es necesario.

22. ¿Y si queremos que de como resultado 46.33?

La solución la encontrarás aquí: Soluciones de ejercicios de JavaScript.