Estructuras de control y funciones en JavaScript: If, Bucles, Switch, Objetos y Métodos

Estructuras de control

If / Else: Estructura para establecer una alternativa según una condición. Ejemplo:

let variable = dato;
console.log(variable);
if (condicion) {
  // acción
} else {
  // acción alterna
}

If / Else if: Condiciones múltiples para más de dos posibilidades. Ejemplo:

let variable = dato;
if (cond1) {
  // acción 1
} else if (cond2) {
  // acción 2
} else if (cond3) {
  // acción 3
} else {
  // acción por defecto
}

Estructuras de bucle

Ciclo For

Una acción se repite hasta que la condición deje de cumplirse. Sintaxis general:

for (inicialización; condición; expresión_de_incremento) {
  // acción
}

Ciclo While

Ejecuta una sentencia mientras la condición sea verdadera:

while (condición) {
  // acción
}

Do / While

Coloca la expresión condicional después de las instrucciones que deben ejecutarse al menos una vez:

do {
  // acción
} while (condición);

Switch

Evalúa una expresión y la compara con cada una de las etiquetas (casos) asociadas. Cuando encuentra igualdad, ejecuta el código de ese caso. Útil para múltiples posibilidades:

switch (expresión) {
  case valor1:
    // código
    break;
  case valor2:
    // código
    break;
  case valor3:
    // código
    break;
  default:
    // código por defecto
}

Sentencias de control de flujo

Break

Interrumpe la ejecución del bucle for o while, aun cuando no haya terminado completamente. Se utiliza para salir de la iteración cuando se cumple una condición:

// Ejemplo: solicitar nombres hasta que el usuario escriba 'fin'
while (true) {
  let nombre = prompt('Introduce un nombre por favor');
  if (nombre === 'fin') {
    alert('palabra mágica');
    break;
  }
  // procesar nombre
}

Continue

No termina la ejecución del bucle; omite la iteración actual y pasa a la siguiente. Ejemplo práctico:

for (var numero = 0; numero < 100; numero++) {
  // Saltar números pares
  if (numero % 2 === 0) {
    continue;
  }
  document.write('El número ' + numero + '<br>');
}

Diálogo de confirmación

confirm(): Permite al usuario tomar decisiones de manera directa mediante una ventana de confirmación. Ejemplo:

function ejemploConfirm() {
  if (confirm('Mensaje de confirmación ¿Estás de acuerdo?')) {
    alert('Ok, has pulsado aceptar');
  } else {
    alert('Ok, has pulsado cancelar');
  }
}

Funciones

Una función permite encapsular tareas o comportamientos reutilizables. Partes: nombre, lista de argumentos entre paréntesis (separados por comas) y el cuerpo entre llaves. Los argumentos son variables que la función recibe (si se pasan cadenas, se encierran entre comillas).

function nombreFuncion(arg1, arg2) {
  // instrucciones
}

Métodos

Un método es una función asociada a un objeto y, en particular, a los objetos del tipo que la define.

Objetos

Un objeto es una agrupación de variables (propiedades) y funciones (métodos) que operan sobre esas propiedades. Conjunto de datos definidos por el usuario junto con las operaciones que actúan sobre ellos.

Métodos de funciones y eventos comunes

• call(): Permite que una función que pertenece a un objeto sea invocada con un valor this distinto. Ejemplo: fn.call(obj, arg1, arg2).
• apply(): Invoca una función asignando el objeto this y recibiendo los argumentos en un array. Ejemplo: fn.apply(obj, [arg1, arg2]).
• clear(): Por ejemplo localStorage.clear() elimina todos los registros del almacén local.
• click(): Simula el clic de un ratón en un elemento HTML (ej.: elemento.click()).
• focus(): Coloca el foco sobre el elemento (ej.: elemento.focus()).
• blur(): Ocurre cuando un elemento pierde el foco (ej.: elemento.blur()).
• close(): Cierra la ventana referenciada (solo para ventanas ya abiertas).

Cadenas de texto y métodos relacionados

String: Ofrece diversas formas de manejar cadenas de texto. Existen métodos que devuelven versiones con etiquetas HTML (antiguas y en desuso) como blink(), bold(), fixed(), small() o strike(). Más comunes son métodos como:

• concat(): Combina el texto de dos o más cadenas en una nueva: 'Hola'.concat(' ', 'mundo').
• toUpperCase(), toLowerCase(), slice(), substr(), etc.

Objeto Math

Contiene propiedades y métodos que representan constantes y funciones matemáticas. Ejemplos:

• Math.abs(x): valor absoluto de x.
• Math.acos(x): arcocoseno de x.
• Math.asin(x): arcoseno (seno inverso) de x.
• Math.atan(x): arcotangente de x.
• Math.exp(x): exponencial de x (e elevado a x).

Objeto Date

Date(): Permite trabajar con horas y fechas en JavaScript. Ejemplo:

let ahora = new Date();
console.log(ahora.toString());

Notas y correcciones importantes

• En JavaScript las comparaciones iguales se hacen con == o mejor con === para comparación estricta. No se debe usar el operador de asignación = cuando se pretende comparar.
• Funciones como parseInt respetan mayúsculas: parseInt().
• Al escribir ejemplos de código en textos, conviene usar comillas simples o escapar comillas dobles para evitar errores al incrustar el código en HTML o JSON.