Expresiones y Operadores

¡Hola HaWker! Jeff Bruchado por aquí.

Este es un artículo más de nuestra serie de artículos que va a cubrir nuestro viaje para Aprender Programación desde Cero.

Hoy será un artículo sobre un contenido extremadamente importante para proseguir con tu aprendizaje.

Entonces, ¡por favor! Si no tienes dominio sobre lo que voy a hablar hoy, ¡lee hasta el final!

Bueno, sin más preámbulos, ¡vamos a comenzar!

Hoy, vamos a hablar sobre uno de los temas súper importantes en la Programación:

Expresiones y Operadores (Expressions and Operators).

Antes de nada, vamos a entender por qué es esencial entender las Expresiones y Operadores en el mundo de la Programación, especialmente en JavaScript.

Imagina que estás trabajando en un proyecto, y necesitas crear una función que calcula el descuento en una compra.

El descuento puede variar según el valor de la compra, por ejemplo:

Si el usuario gasta más de 100 euros, gana 10% de descuento.

Debes estar pensando: "Vale, ¿pero cómo hago que el sistema entienda esas condiciones?"

¡Y es ahí donde entran las Expresiones y Operadores, mi amigo!

Expresiones y Operadores son el corazón de tu código. Son como la matemática de la programación.

¿Sabes esa historia de sumar, restar, contraponer cosas? ¡Pues sí, todo eso!

Para que entiendas, las Expresiones son como frases que usamos para expresar una idea o hacer una pregunta.

En JavaScript, pueden ser números, strings, o cualquier cosa que dé un valor.

Sin embargo, los Operadores son los muchachos que actúan en esas expresiones.

Son como los verbos.

Existen operadores matemáticos (+ y -), lógicos (&& y ||), entre otros.

Por ejemplo, cuando haces edad >= 18, estás usando una expresión (edad) y un operador (>=) para verificar si alguien es mayor de edad.

Entonces, mira cómo esto es importante:

Expresiones: Ayudan a crear valores y a dar sentido a lo que quieres hacer.

Operadores: Te dan el poder de verificar, calcular y tomar decisiones basadas en esas expresiones.

En resumen, sin entender las Expresiones y Operadores, tu código no va a tener la lógica necesaria para tomar decisiones y hacer que las cosas sucedan.

Es como intentar hacer una receta sin conocer los ingredientes o sin saber cómo mezclarlos. No funciona, ¿verdad?

En este momento que ya captaste la idea, ¡vamos a sumergirnos en este universo y ver cómo estas cosas funcionan en la práctica!

Operadores de Asignación (Assignment Operators)

Son usados para asignar valores a variables.

Los operadores de asignación incluyen:

• Operador de asignación simple (=)
• Operador de asignación aditiva (+=)
• Operador de asignación multiplicativa (*=).

Por ejemplo:

let x = 10; // Asigna el valor 10 a la variable x
x += 5; // Añade 5 a la variable x, resultando en x = 15
x *= 2; // Multiplica x por 2, resultando en x = 30
x /= 2; // Divide x por 2, resultando en 15

Operadores de Comparación (Comparison Operators)

Son usados para verificar dos valores y retornar un valor booleano (true o false).

Los operadores de comparación incluyen:

• Operador de igualdad (==)
• Operador de igualdad estricta (===)
• Operador de diferencia (!=)
• Operador de diferencia estricta (!==)

Por ejemplo:

let x = 10;
let y = '10';
console.log(x == y); // Retorna true, pues x e y son considerados iguales
console.log(x === y); // Retorna false, pues x es un número e y es una string
console.log(x != y); // Retorna false, pues x e y son considerados iguales
console.log(x !== y); // Retorna true, pues x es un número e y es una string

Operadores Aritméticos (Arithmetic Operators)

Son usados para realizar operaciones matemáticas básicas.

Los Operadores Aritméticos incluyen:

• Operador de adición (+)
• Operador de sustracción (-)
• Operador de multiplicación (*)
• Operador de división (/)

Por ejemplo:

let x = 10;
let y = 5;
console.log(x + y); // Retorna 15
console.log(x - y); // Retorna 5
console.log(x * y); // Retorna 50
console.log(x / y); // Retorna 2

Operadores Bit a Bit (Bitwise Operators)

Son usados para realizar operaciones bit a bit en números enteros.

Los Operadores de Bit a Bit incluyen:

• Operador AND (&)
• Operador OR (|)
• Operador XOR (^)

AND (&)

El operador AND (&) realiza una operación bit a bit AND entre los operandos.

Esto significa que, para cada bit, si ambos operandos tienen el bit definido como 1, el resultado tendrá ese bit definido como 1.

En caso contrario, el resultado tendrá ese bit definido como 0.

Por ejemplo:

let x = 12; // 1100 en binario
let y = 25; // 11001 en binario
console.log(x & y); // Retorna 8 (1000 en binario)

OR (|)

El operador OR (|) realiza una operación bit a bit OR entre los operandos.

Esto significa que, para cada bit, si cualquiera de los operandos tiene el bit definido como 1, el resultado tendrá ese bit definido como 1.

En caso contrario, el resultado tendrá ese bit definido como 0.

Por ejemplo:

let x = 12; // 1100 en binario
let y = 25; // 11001 en binario
console.log(x | y); // Retorna 29 (11101 en binario)

XOR (^)

El operador XOR (^) realiza una operación bit a bit XOR entre los operandos.

Esto significa que, para cada bit, si solo uno de los operandos tiene el bit definido como 1, el resultado tendrá ese bit definido como 1.

En caso contrario, el resultado tendrá ese bit definido como 0.

Por ejemplo:

let x = 12; // 1100 en binario
let y = 25; // 11001 en binario
console.log(x ^ y); // Retorna 21 (10101 en binario)

Conclusión sobre los Operadores Bit a Bit

Los operadores bit a bit son frecuentemente usados para realizar operaciones de máscara en números enteros.

Donde algunos bits son usados para almacenar información y otros son ignorados.

También son útiles para realizar operaciones de desplazamiento de bits, donde los bits de un número son desplazados hacia la izquierda o hacia la derecha.

Operadores Lógicos (Logical Operators)

Son usados para realizar operaciones lógicas.

¡Son los operadores que lidian con las verdades y las mentiras de los códigos jajaja!

Los Operadores Lógicos incluyen:

• Operador AND (&&)
• Operador OR (||)
• Operador NOT (!)

❗ ¡ESTOS OPERADORES NECESITAS ENTENDER, PORQUE DE LEJOS SON LOS MÁS USADOS!

Por ejemplo:

let x = true;
let y = false;
console.log(x && y); // Retorna false
console.log(x || y); // Retorna true
console.log(!x); // Retorna false

Operador BigInt (BigInt Operator)

Es un operador especial usado para trabajar con valores BigInt, que son números enteros de tamaño arbitrario.

❗ ESTE OPERADOR BIGINT CONFIESO QUE NO ES MUY UTILIZADO EN EL DÍA A DÍA

Por ejemplo:

let x = BigInt(10);
let y = BigInt(5);
console.log(x + y); // Retorna 15n (n es usado para indicar que el valor es un BigInt)
console.log(x - y); // Retorna 5n

Operadores de String (String Operators)

Son usados para concatenar (juntar) dos o más strings.

Por ejemplo:

let x = '¡Hola, ';
let y = 'mundo!';
console.log(x + y); // Retorna "¡Hola, mundo!"

En el ejemplo arriba, existe una forma mejor de realizar este enfoque, que es usando Template literals (Template strings), pero voy a abordar este tópico en otro artículo más adelante.

Operadores Condicionales (Conditional Operators)

Son usados para realizar operaciones condicionales, como el operador ternario (?:).

El operador ternario es usado para determinar qué valor debe ser asignado a una variable basándose en una condición.

Por ejemplo:

let x = 10;
let y = x > 5 ? 'mayor que 5' : 'menor o igual a 5';
console.log(y); // Retorna "mayor que 5"

El Operador Coma (Comma Operator)

Es usado para separar expresiones en una declaración.

Él evalúa cada expresión de izquierda a derecha y retorna el valor de la última expresión evaluada.

Por ejemplo:

let x = (10, 20, 30);
console.log(x); // Retorna 30

Operadores Unarios (Unary Operators)

Son operadores que operan en apenas un operando.

Operadores Unarios incluyen el operador de negación (-), el operador de incremento (++) y el operador de decremento (--).

Por ejemplo:

let x = 10;
console.log(-x); // Retorna -10

x++; // Incrementa x en 1, resultando en x = 11
console.log(x); // Retorna 11

x--; // Decrementa x en 1, resultando en x = 10
console.log(x); // Retorna 10

Operadores Relacionales (Relational Operators)

Son usados para verificar dos valores y retornar un valor booleano (true o false).

Son semejantes a los operadores de comparación, pero los operadores relacionales retornan un valor booleano basado en la relación entre los operandos, mientras que los operadores de comparación retornan un valor booleano basado en la igualdad entre los operandos.

Operadores relacionales incluyen los siguientes operadores:

• Operador mayor que (>)
• Operador menor que (<)
• Operador mayor o igual a (>=)

Por ejemplo:

let x = 10;
let y = 5;
console.log(x > y); // Retorna true
console.log(x < y); // Retorna false
console.log(x >= y); // Retorna true

Conclusión

En resumen, las expresiones y operadores son fundamentales para cualquier lenguaje de programación.

Nos permiten realizar diversas operaciones, como asignación de valores a variables, comparación, operaciones matemáticas y lógicas, concatenación de strings y operaciones condicionales.

Es importante tener conocimiento sobre los diferentes tipos de operadores disponibles, aunque no necesites usar todos ellos con mucha frecuencia.

Esto te permitirá tener una visión general de lo que es posible hacer con esos operadores y podrás consultarlos cuando necesites realizar una operación específica en tu código.

Pues bien HaWker, llegamos al fin de un artículo más.

Espero que este artículo haya agregado en tu repertorio de conocimiento sobre Programación.

Como siempre, si tienes cualquier duda o quieres explorar más algún punto, simplemente responde con tu duda, en este email.

¡Y recuerda, estoy aquí para ayudarte a mejorar 1% con cada nuevo artículo!

Si llegaste hasta aquí, como de costumbre, por favor, responde este email con "Conseguí aprender sobre las diferentes expresiones y operadores".

De esta forma voy a saber que esta serie de artículos está siendo útil para ti, y que estás acompañando y aprovechando.

¡Como ya sabes! Solamente un verdadero HaWker llega hasta el final.

¡Felicitaciones!

Estoy feliz de tenerte aquí.

Te veo pronto.

¡Vamos a por ello! 🦅

- Jeff Bruchado

¡Felicitaciones por llegar hasta aquí, HaWker! 🎉

En este momento que aprendiste sobre las expresiones y operadores en la programación, ¿qué tal testear tus conocimientos? Participa del quiz abajo y ve cuánto absorbiste de nuestro artículo.

Es una excelente manera de fijar el aprendizaje y prepararte para los próximos pasos en tu viaje de programación.

Presiona para acceder al quiz.

¡Buena suerte y diviértete!