Los tipos de números en JavaScript y operadores aritméticos básicos - Curso de JavaScript de cero a máster - Capítulo 10


Integers en JavaScript

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

number en JavaScript

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:

Código JavaScript

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:

Código JavaScript

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.

Operador Operación
+ Realiza una suma. También se utiliza para concatenar.
- Realiza una resta.
* Realiza una multiplicación.
/ Realiza una división.

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 reslizar sumas si tenemos dos valores numéricos.

Código JavaScript

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

console.log(resultadoOperacion);

Resultado en la consola

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.

Código JavaScript

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

console.log(resultadoOperacion);

Resultado en la consola

-10

La multiplicación en JavaScript

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

Código JavaScript

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

console.log(resultadoOperacion);

Resultado en la consola

2475

La división en JavaScript

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

Código JavaScript

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

console.log(resultadoOperacion);

Resultado en la consola

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 independientemente de los operandos. Veamos un ejemplo:

Código JavaScript

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

console.log(resultadoOperacion);

Resultado en la consola

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:

Código JavaScript

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

console.log(resultadoOperacion);

Resultado en la consola

17

Realizar multiples operaciones a la vez

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

Código JavaScript

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

console.log(operacion);

Resultado en la consola

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.

Código JavaScript

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

console.log(operacion);

Resultado en la consola

-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

  1. La suma de 10.25 + 0.75, ¿qué tipo de dato devuelve?

  2. Haz que la siguiente operación de como resultado el número 57 sin cambiar el orden de nada:

  3. Código JavaScript

    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 (?) y un operador (?).

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

  5. Código JavaScript

    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.

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

La solución la encontrarás aquí: Haz click aquí.

Capítulos


Suscríbete a mi canal de YouTube para apoyarme

Si te ha gustado este curso y crees que el trabajo merece la pena, te agradeceré eternamente que te suscribas a mi canal de YouTube para apoyarme y que pueda seguir haciendo cursos gratuitos.

Además, si te encanta la programación, tienes un montón más de cursos gratuitos para ver.

No solo eso, podrás participar enviándome comentarios con tus sugerencias para temas específicos o cursos completos o incluso las dudas que tengas y las intentaré ir resolviendo en los cursos que estén todavía abiertos.


Comentarios

Si te quedan dudas sobre el temario, sobre JavaScript, o cualquier otra cosa relacionada o simplemente quieres agradecer, aquí tienes tu sitio para dejar tu granito de arena. Gracias por tus comentarios y por darle vida a este sitio web.