En esta sección, aprenderás sobre los operadores básicos en JavaScript. Los operadores son símbolos que le indican al intérprete que realice operaciones específicas sobre uno o más operandos. Los operadores básicos en JavaScript incluyen operadores aritméticos, de asignación, de comparación, lógicos y de cadena.
- Operadores Aritméticos
Los operadores aritméticos se utilizan para realizar cálculos matemáticos.
| Operador | Descripción | Ejemplo | Resultado |
|---|---|---|---|
+ |
Suma | 5 + 2 |
7 |
- |
Resta | 5 - 2 |
3 |
* |
Multiplicación | 5 * 2 |
10 |
/ |
División | 5 / 2 |
2.5 |
% |
Módulo (residuo) | 5 % 2 |
1 |
++ |
Incremento | let a = 5; a++ |
6 |
-- |
Decremento | let a = 5; a-- |
4 |
Ejemplo Práctico
let a = 10; let b = 3; console.log(a + b); // 13 console.log(a - b); // 7 console.log(a * b); // 30 console.log(a / b); // 3.3333333333333335 console.log(a % b); // 1 a++; console.log(a); // 11 b--; console.log(b); // 2
- Operadores de Asignación
Los operadores de asignación se utilizan para asignar valores a las variables.
| Operador | Descripción | Ejemplo | Equivalente a |
|---|---|---|---|
= |
Asignación | a = 5 |
a = 5 |
+= |
Asignación de suma | a += 2 |
a = a + 2 |
-= |
Asignación de resta | a -= 2 |
a = a - 2 |
*= |
Asignación de multiplicación | a *= 2 |
a = a * 2 |
/= |
Asignación de división | a /= 2 |
a = a / 2 |
%= |
Asignación de módulo | a %= 2 |
a = a % 2 |
Ejemplo Práctico
let a = 10; a += 5; // a = a + 5 console.log(a); // 15 a -= 3; // a = a - 3 console.log(a); // 12 a *= 2; // a = a * 2 console.log(a); // 24 a /= 4; // a = a / 4 console.log(a); // 6 a %= 3; // a = a % 3 console.log(a); // 0
- Operadores de Comparación
Los operadores de comparación se utilizan para comparar dos valores y devuelven un valor booleano (true o false).
| Operador | Descripción | Ejemplo | Resultado |
|---|---|---|---|
== |
Igualdad | 5 == 5 |
true |
=== |
Igualdad estricta | 5 === '5' |
false |
!= |
Desigualdad | 5 != 8 |
true |
!== |
Desigualdad estricta | 5 !== '5' |
true |
> |
Mayor que | 5 > 3 |
true |
< |
Menor que | 5 < 3 |
false |
>= |
Mayor o igual que | 5 >= 5 |
true |
<= |
Menor o igual que | 5 <= 3 |
false |
Ejemplo Práctico
let a = 5; let b = '5'; console.log(a == b); // true console.log(a === b); // false console.log(a != b); // false console.log(a !== b); // true console.log(a > 3); // true console.log(a < 3); // false console.log(a >= 5); // true console.log(a <= 3); // false
- Operadores Lógicos
Los operadores lógicos se utilizan para combinar múltiples condiciones lógicas.
| Operador | Descripción | Ejemplo | Resultado |
|---|---|---|---|
&& |
AND lógico | true && false |
false |
| ` | ` | OR lógico | |
! |
NOT lógico | !true |
false |
Ejemplo Práctico
let a = true; let b = false; console.log(a && b); // false console.log(a || b); // true console.log(!a); // false console.log(!b); // true
- Operadores de Cadena
Los operadores de cadena se utilizan para concatenar cadenas de texto.
| Operador | Descripción | Ejemplo | Resultado |
|---|---|---|---|
+ |
Concatenación de cadenas | 'Hello' + ' World' |
'Hello World' |
Ejemplo Práctico
let greeting = 'Hello'; let name = 'World'; let message = greeting + ' ' + name; console.log(message); // 'Hello World'
Ejercicios Prácticos
Ejercicio 1
Escribe un programa que realice las siguientes operaciones y muestre los resultados en la consola:
- Suma de 8 y 12.
- Resta de 20 menos 5.
- Multiplicación de 7 por 3.
- División de 15 entre 4.
- Módulo de 22 dividido por 6.
Solución
console.log(8 + 12); // 20 console.log(20 - 5); // 15 console.log(7 * 3); // 21 console.log(15 / 4); // 3.75 console.log(22 % 6); // 4
Ejercicio 2
Escribe un programa que compare dos variables x y y y muestre en la consola si son iguales (usando == y ===), y si x es mayor que y.
Solución
let x = 10; let y = '10'; console.log(x == y); // true console.log(x === y); // false console.log(x > y); // false
Ejercicio 3
Escribe un programa que combine condiciones lógicas para verificar si una variable age está entre 18 y 30 años (inclusive).
Solución
Conclusión
En esta sección, hemos cubierto los operadores básicos en JavaScript, incluyendo operadores aritméticos, de asignación, de comparación, lógicos y de cadena. Estos operadores son fundamentales para realizar operaciones básicas y construir lógica en tus programas. Asegúrate de practicar con los ejercicios proporcionados para reforzar tu comprensión. En la próxima sección, exploraremos las estructuras de control en JavaScript.
JavaScript: De Principiante a Avanzado
Módulo 1: Introducción a JavaScript
- ¿Qué es JavaScript?
- Configuración de tu Entorno de Desarrollo
- Tu Primer Programa en JavaScript
- Sintaxis y Conceptos Básicos de JavaScript
- Variables y Tipos de Datos
- Operadores Básicos
Módulo 2: Estructuras de Control
- Sentencias Condicionales
- Bucles: for, while, do-while
- Sentencias Switch
- Manejo de Errores con try-catch
Módulo 3: Funciones
- Definición y Llamada de Funciones
- Expresiones de Función y Funciones Flecha
- Parámetros y Valores de Retorno
- Ámbito y Closures
- Funciones de Orden Superior
Módulo 4: Objetos y Arrays
- Introducción a los Objetos
- Métodos de Objeto y la Palabra Clave 'this'
- Arrays: Conceptos Básicos y Métodos
- Iteración sobre Arrays
- Desestructuración de Arrays
Módulo 5: Objetos y Funciones Avanzadas
- Prototipos y Herencia
- Clases y Programación Orientada a Objetos
- Módulos e Importación/Exportación
- JavaScript Asíncrono: Callbacks
- Promesas y Async/Await
Módulo 6: El Modelo de Objetos del Documento (DOM)
- Introducción al DOM
- Selección y Manipulación de Elementos del DOM
- Manejo de Eventos
- Creación y Eliminación de Elementos del DOM
- Manejo y Validación de Formularios
Módulo 7: APIs del Navegador y Temas Avanzados
- Almacenamiento Local y de Sesión
- Fetch API y AJAX
- WebSockets
- Service Workers y Aplicaciones Web Progresivas (PWAs)
- Introducción a WebAssembly
Módulo 8: Pruebas y Depuración
- Depuración de JavaScript
- Pruebas Unitarias con Jest
- Pruebas de Integración
- Pruebas de Extremo a Extremo con Cypress
Módulo 9: Rendimiento y Optimización
- Optimización del Rendimiento de JavaScript
- Gestión de Memoria
- Manipulación Eficiente del DOM
- Carga Perezosa y División de Código
Módulo 10: Frameworks y Librerías de JavaScript
- Introducción a React
- Gestión de Estado con Redux
- Conceptos Básicos de Vue.js
- Conceptos Básicos de Angular
- Elegir el Framework Adecuado