Numeros y Operadores

Existen muchos tipos de sistemas numericos, el mas conocido es el decimal con base 10 (lo que significa que usar del 0-9 en cada columna), pero existen otras como, binario (0s, 1s), octal base 8 (0-7), hexadecimal (0-9 y a-f, se ve mucho al definir colores en CSS). Y ademas tambien tenemos distintos tipos de numeros decimales, estan los enteros, y de punto flotante (o float), ademas tambien tenemos numeros flotantes mas especificos que los anteriores llamados numeros dobles.

JavaScript utiliza un sistema de numeros enteros y decimales: Number(es el objeto constructor de tipo de datos numericos en javascript, contiene constantes y metodos para trabajar con numeros)

let myStringNum = "22";
typeof myStringNum //output: string
typeof Number(myStringNum) //output: number

Otro ejemplo de herramienta util seria el metodo toFixed()

let lotsOfDecimal = 1.766584958675746364;
lotsOfDecimal;
let twoDecimalPlaces = lotsOfDecimal.toFixed(2); //el 2 representa el numero de decimales.
twoDecimalPlaces; // en este caso el output sera 1.77 porque lo redondea

Operadores aritmeticos

Serian los operadores basicos que usamos en JS para manipular los numeros.

Todos los operadores y su prioridad (tener en cuenta que los parentesis niegan las prioridades).

Operadores de incremento y decremento

Estos sirven para sumar o restar un valor de manera rapida y secuencial, incremento ++ y decremento -- se colocan junto al valor que se desea incrementar o decrementar.

Operadores de Asignacion

Los operadores de asignacion son los que asignan un valor a una variable, el mas comun =, muchas veces asigna a la variable de la izquierda el valor de la derecha.

let x = 3; // x contains the value 3
let y = 4; // y contains the value 4
x = y; // x now contains the same value y contains, 4 re lindo xD

Luego existen operadores de asignacion un poco mas complejos, los mas conocidos serian:

Otros operadores de asignacion en MDN

Operadores de compraracion

Sirven para por ejemplo ejecutar pruebas de true/false para que el codigo se ejecute en consecuencia dependiendo si se cumple o no lo que estemos compradando. Muy util para tomar decisiones en nuestro codigo (logica del codigo).

Ejemplo practico:

<button>Start machine</button> 
<p>The machine is stopped.</p>

const btn = document.querySelector('button'); //creamos un selector del boton
const txt = document.querySelector('p'); //creamos un selector del texto

btn.addEventListener('click', updateBtn); 
/*esto es el boton (btn) que al recibir el evento click 
ejecutara la funcion => updateBtn escrita mas abajo */

function updateBtn() { //funcion definida con el nombre updateBtn
  if (btn.textContent === 'Start machine') { //si el contenido de btn es identico al texto de la derecha se ejecuta lo del bloque "if"
    btn.textContent = 'Stop machine'; //el contenido de btn cambia al texto de la derecha
    txt.textContent = 'The machine has started!'; //el contenido de txt cambia al string de la derecha
  } else { //si no se cumple lo que dice el if (que el contenido de btn sea igual al string)
    btn.textContent = 'Start machine'; //btn cambia su contenido al texto de la derecha
    txt.textContent = 'The machine is stopped.'; //y txt cambia su contenido al texto de la derecha
  }
}

Bibliografia