Variables y operadores en JavaScript: Ejercicios resueltos

Variables y operadores en JavaScript: 10 ejercicios resueltos + aprendizaje teorico

La guía definitiva para dominar variables y operadores en JavaScript con ejemplos prácticos y ejercicios resueltos. Perfecta para principiantes y desarrolladores que deseen afianzar conocimientos.

Aprendizaje teórico

En JavaScript, las variables son contenedores que nos permiten almacenar valores para su uso en nuestro código. Dependiendo de la forma en que las declaremos, su comportamiento puede variar:

• var: Era la forma más común de declarar variables en versiones anteriores de JavaScript. Tiene alcance de función o global y puede dar lugar a comportamientos inesperados si no se maneja con cuidado.
• let: Introducida en ECMAScript 6, tiene un alcance de bloque, lo que facilita un mejor control y reduce errores de uso involuntario.
• const: También introducida en ECMAScript 6, se utiliza para declarar variables cuyo valor no cambiará. Al igual que let, tiene alcance de bloque.

Los operadores en JavaScript nos permiten manipular estos valores. Entre los más utilizados encontramos:

• Operadores aritméticos: Suma (+), resta (-), multiplicación (*), división (/), módulo (%), incremento (++) y decremento (--).
• Operadores de asignación: Asignan o actualizan valores en una variable. Ejemplo: =, +=, -=, *=, /=.
• Operadores de comparación: Comparan dos valores y devuelven un resultado booleano (true o false). Ejemplo: ==, ===, !=, !==, >, <, >=, <=.
• Operadores lógicos: Permiten combinar expresiones lógicas. Ejemplo: && (AND), || (OR), ! (NOT).

Comprender cómo funcionan las variables y operadores es clave para escribir un código claro y eficiente. A continuación, veremos algunos ejercicios prácticos para reforzar estos conceptos.

10 ejercicios resueltos

1. Declarar una variable y mostrarla en la consola

Problema: Crea una variable con tu nombre y muestra su valor en la consola.

// Declaramos la variable con let para un mejor control de alcance
let nombre = "Juan";

// Mostramos el contenido de la variable en la consola
console.log(nombre); // Salida: "Juan"

2. Suma de dos números

Problema: Declara dos variables numéricas y muestra en la consola el resultado de su suma.

let numero1 = 10;
let numero2 = 5;

// Realizamos la suma con el operador +
let resultadoSuma = numero1 + numero2;

// Mostramos el resultado en la consola
console.log(resultadoSuma); // Salida: 15

3. Conversión de tipos

Problema: Declara una variable que contenga una cadena con un número y conviértelo a tipo numérico para poder realizar operaciones aritméticas.

let cadenaNumero = "8";

// Convertimos la cadena a número utilizando Number()
let valorNumerico = Number(cadenaNumero);

// Realizamos una operación aritmética
let resultadoConversion = valorNumerico * 2;

// Mostramos el resultado en la consola
console.log(resultadoConversion); // Salida: 16

4. Operador de módulo

Problema: Declara dos variables y obtén el residuo de su división (operador %).

let dividendo = 25;
let divisor = 4;

// El operador % devuelve el residuo de la división
let residuo = dividendo % divisor;

console.log(residuo); // Salida: 1

5. Incrementar y decrementar valores

Problema: Muestra el funcionamiento de los operadores ++ y --.

let contador = 5;

// Usamos el operador de incremento
contador++;
console.log(contador); // Salida: 6

// Usamos el operador de decremento
contador--;
console.log(contador); // Salida: 5

6. Operadores de asignación compuesta

Problema: Declara una variable y aplica operadores de asignación compuesta (ej. +=, -=).

let puntaje = 10;

// El operador += suma y asigna a la vez
puntaje += 5; // Equivale a puntaje = puntaje + 5
console.log(puntaje); // Salida: 15

// El operador -= resta y asigna a la vez
puntaje -= 3; // Equivale a puntaje = puntaje - 3
console.log(puntaje); // Salida: 12

7. Comparación de valores

Problema: Declara dos variables y compara sus valores para ver si son iguales.

let a = 20;
let b = "20";

// El operador == compara solo el valor
console.log(a == b);  // Salida: true

// El operador === compara valor y tipo
console.log(a === b); // Salida: false

8. Calculadora básica con funciones

Problema: Crea una función que reciba dos números y devuelva la suma, resta, multiplicación y división.

function calculadoraBasica(x, y) {
  console.log("Suma:", x + y);
  console.log("Resta:", x - y);
  console.log("Multiplicación:", x * y);
  console.log("División:", x / y);
}

// Llamamos a la función con dos valores de prueba
calculadoraBasica(10, 2);
/*
  Salida:
  Suma: 12
  Resta: 8
  Multiplicación: 20
  División: 5
*/

9. Uso del operador lógico AND (&&)

Problema: Comprueba si dos condiciones son verdaderas para permitir el acceso a un área restringida.

let usuarioValido = true;
let contraseñaValida = true;

// Usamos el operador && para verificar ambas condiciones
if (usuarioValido && contraseñaValida) {
  console.log("Acceso permitido.");
} else {
  console.log("Acceso denegado.");
}

// Salida: "Acceso permitido."

10. Uso del operador lógico OR (||)

Problema: Verifica si al menos una de las condiciones es verdadera para mostrar un mensaje en la consola.

let tieneTarjeta = false;
let tieneEfectivo = true;

// Si el usuario cuenta con efectivo o tarjeta, puede pagar
if (tieneTarjeta || tieneEfectivo) {
  console.log("Puedes realizar el pago.");
} else {
  console.log("No tienes forma de pagar.");
}

// Salida: "Puedes realizar el pago."

Preguntas frecuentes (FAQs)

¡Enhorabuena! Has dado un paso importante al entender cómo declarar variables y utilizar operadores en JavaScript. Estos conceptos son la base para desarrollar aplicaciones más complejas y dinámicas. Sigue practicando con más ejercicios y experimentando con diferentes ejemplos para afianzar tus conocimientos y convertirte en un desarrollador cada vez más competente.

¿Te has quedado con ganas de más? Visita nuestro blog donde encontrarás más artículos, trucos y ejercicios que te ayudarán a perfeccionar tus habilidades en JavaScript y otros lenguajes de programación. ¡Sigue aprendiendo y fortaleciendo tu perfil de desarrollador!

Sigue aprendiendo en MDN