Variables y declaraciones de control

En JavaScript, las variables son contenedores para almacenar datos. Son declaradas utilizando las palabras clave var, let, o const. Cada variable tiene un nombre y puede contener diferentes tipos de datos, como números, cadenas, objetos, funciones, booleanos, y más. Aquí tienes una breve descripción de las tres palabras clave para declarar variables:

var:

Esta era la forma tradicional de declarar variables en JavaScript, pero tiene algunas peculiaridades y se considera obsoleta en muchos casos debido a su falta de bloque de ámbito (scope).

let:

Introducida en ECMAScript 6 (ES6), let permite declarar variables con un ámbito de bloque, lo que significa que la variable solo está disponible dentro del bloque donde fue declarada.

const:

También introducida en ES6, const se utiliza para declarar constantes, cuyos valores no pueden ser reasignados después de su declaración. Las constantes deben ser inicializadas al momento de la declaración.

Una vez que has declarado una variable, puedes utilizarla para almacenar, manipular y referenciar datos. Por ejemplo:

En este caso, edad, nombre, y esMayor son variables que almacenan diferentes tipos de datos.

Es importante notar que JavaScript es un lenguaje de tipado dinámico, lo que significa que no es necesario declarar explícitamente el tipo de dato de una variable al momento de su creación; el tipo de dato se determina automáticamente en tiempo de ejecución.

Reglas y convenciones de debemos seguir al crear variables

Estas reglas ayudan a que el código sea más legible, mantenible y consistente. Aquí están algunas de las reglas clave:

Empiezan con una letra, $ o _: El nombre de una variable debe comenzar con una letra, el símbolo de dólar ($) o guion bajo (_). No puede comenzar con un número u otros caracteres.

Sensible a mayúsculas y minúsculas:

JavaScript distingue entre mayúsculas y minúsculas, por lo que nombre y Nombre serían considerados como dos variables diferentes.

Es diferente nombre que Nombre: El primero empieza con minúscula y el 2do con mayúscula.

Evitar palabras reservadas:

No debes utilizar palabras reservadas del lenguaje como nombres de variables. Por ejemplo, no puedes tener una variable llamada if o function.

Camel Case:

Es una convención común en JavaScript utilizar la convención Camel Case para nombrar variables. Esto implica que la primera palabra comienza con minúscula y las siguientes palabras comienzan con mayúscula.

Descriptivos y significativos:

Elige nombres de variables que sean descriptivos y reflejen su propósito o contenido. Esto mejora la comprensión del código.

Evitar abreviaturas excesivas:

Mientras que es común utilizar abreviaturas para ciertas palabras en nombres de variables, evita abreviaturas excesivas que puedan hacer que el código sea menos legible.

Evitar abreviaturas excesivas: Mientras que es común utilizar abreviaturas para ciertas palabras en nombres de variables, evita abreviaturas excesivas que puedan hacer que el código sea menos legible.

Alcance de las variables en JavaScript

El alcance de las variables en JavaScript se refiere a la región del código donde una variable puede ser referenciada o modificada. Hay dos tipos principales de alcance: el alcance global y el alcance local.

Alcance Global:

• Una variable declarada fuera de cualquier función o bloque de código tiene un alcance global. Puede ser accedida desde cualquier parte del código, ya sea dentro de funciones, bloques de código, o cualquier otro lugar.

Es importante tener cuidado con las variables globales, ya que pueden tener impacto en todo el programa y pueden ser sobre-escritas accidentalmente por partes del código que no estén relacionadas.

Alcance Local:

• Una variable declarada dentro de una función o bloque de código tiene un alcance local. Esto significa que solo puede ser accedida dentro de esa función o bloque.

Variables declaradas con let y const tienen un alcance de bloque, lo que significa que también están limitadas al bloque de código más cercano (un conjunto de llaves {}).

Es importante comprender el alcance de las variables para evitar problemas como la contaminación del espacio global y para escribir código más modular y fácil de entender. Desde ES6 en adelante, se recomienda utilizar let y const para declarar variables y aprovechar el alcance de bloque cuando sea necesario.

Sentencias JavaScript

JavaScript incluye varias sentencias que permiten controlar el flujo de ejecución, realizar operaciones y tomar decisiones en un programa. Aquí hay algunas de las sentencias más comunes:

if

La sentencia if en JavaScript se utiliza para realizar una evaluación condicional y ejecutar un bloque de código si la condición especificada es verdadera (true). Aquí tienes un ejemplo básico de cómo usar la sentencia if:

En este ejemplo:

• La condición es edad >= 18, lo que significa "si la variable edad es mayor o igual a 18".
• Si la condición es verdadera, se ejecuta el bloque de código dentro del primer conjunto de llaves {}, que imprime en la consola "Eres mayor de edad.".
• Si la condición es falsa, se ejecuta el bloque de código dentro del else, que imprime en la consola "Eres menor de edad.".

Puedes tener solamente el bloque if sin un else si no necesitas manejar el caso en que la condición sea falsa:

También puedes encadenar múltiples bloques else if para evaluar diferentes condiciones en orden:

Este código evalúa varias condiciones y ejecuta el bloque de código del primer if o else if cuya condición sea verdadera.

Recuerda que la clave para usar if efectivamente es entender y especificar condiciones que se adapten a la lógica de tu programa.

for

Crea un bucle que consiste en tres expresiones opcionales, encerradas en paréntesis y separadas por puntos y comas, seguidas de una sentencia ejecutada en un bucle.

for (inicialización; condición; expresión de incremento o decremento) {
    // Bloque de código a ejecutar en cada iteración
}        

• Inicialización: Se ejecuta una vez al principio del bucle y se utiliza para declarar e inicializar la variable de control del bucle.
• Condición: Se evalúa antes de cada iteración. Si es verdadera, el bloque de código dentro del bucle se ejecuta. Si es falsa, el bucle se detiene.
• Expresión de incremento o decremento: Se ejecuta después de cada iteración y se utiliza para incrementar o decrementar la variable de control del bucle.
• Bloque de código: Contiene las instrucciones que se ejecutan en cada iteración del bucle.

Aquí tienes un ejemplo simple:

Este código lo que nos dice es mientras i sea igual a 1(uno) y i sea menor a 5 , súmale 1(uno) a i.

resumen = En este ejemplo, el bucle imprimirá los números del 1 al 5 en la consola. La variable i se inicializa en 1, el bucle se ejecutará mientras i sea menor o igual a 5, en cada iteración se imprimirá el valor de i, y luego i se incrementará en 1.

while

La sentencia while es una estructura de control de flujo en programación que crea un bucle o ciclo mientras una condición específica sea verdadera. La estructura básica de un bucle while es la siguiente:

while (condición) {
    // Bloque de código a ejecutar mientras la condición sea verdadera
}        

La condición se evalúa antes de cada iteración del bucle. Si la condición es verdadera, el bloque de código dentro del bucle se ejecuta. Este proceso continúa mientras la condición siga siendo verdadera. Si en algún punto la condición se vuelve falsa, el control sale del bucle y se ejecuta el código después del bucle.

Que estamos diciendo acá =>>

Tengo un contador que empieza en 1 (uno)

Mientras contador sea <= (menor o igual) 5

muéstrame iteración + contador

súmale 1 a contador

En este ejemplo, el bucle while imprimirá "Iteración 1" a "Iteración 5" en la consola. La variable contador se incrementa en cada iteración, y el bucle continúa mientras contador sea menor o igual a 5. Una vez que contador alcanza 6, la condición se vuelve falsa y el bucle se detiene.

Es importante tener cuidado al utilizar bucles while para asegurarse de que la condición eventualmente se vuelva falsa. De lo contrario, podrías crear un bucle infinito que continúa ejecutándose sin cesar. Por eso, es común incluir una lógica para modificar la variable de control dentro del bucle para garantizar que la condición eventualmente cambie y el bucle se detenga.

do...while

La sentencia do...while es otra estructura de control de flujo en programación que también crea un bucle o ciclo, pero a diferencia del while estándar, garantiza que el bloque de código dentro del bucle se ejecute al menos una vez, incluso si la condición es falsa desde el principio.

La estructura básica de un bucle do...while es la siguiente:

do {
    // Bloque de código a ejecutar al menos una vez
} while (condición);
        

En un bucle do...while, el bloque de código se ejecuta primero y luego la condición se evalúa. Si la condición es verdadera, el bloque de código se vuelve a ejecutar. Este proceso se repite mientras la condición sea verdadera.

Aquí tienes un ejemplo de un bucle do...while en JavaScript:

Acá decimos ==>>

tenemos un contador que es igual a 1

muéstrame iteración + contador

súmale 1 a contador

mientras contador sea menor o igual a 5

En este ejemplo, el bucle do...while imprimirá "Iteración 1" a "Iteración 5" en la consola. La variable contador se incrementa en cada iteración, y el bucle continuará ejecutándose mientras contador sea menor o igual a 5. Aunque la condición es falsa desde el principio, el bloque de código se ejecuta al menos una vez.

La principal diferencia entre while y do...while radica en cuándo se evalúa la condición: en while, la condición se evalúa antes de la primera iteración, mientras que en do...while, se evalúa después de la primera iteración.

switch

La sentencia switch es una estructura de control de flujo en programación que se utiliza para realizar múltiples comparaciones sobre el valor de una expresión. Es una alternativa a la serie de if...else anidados y facilita la escritura de código más limpio y legible en situaciones donde se necesitan tomar decisiones basadas en diferentes valores posibles de una variable.

La estructura básica de un bloque switch es la siguiente:

switch (expresion) {
    case valor1:
        // Código a ejecutar si la expresion es igual a valor1
        break;
    case valor2:
        // Código a ejecutar si la expresion es igual a valor2
        break;
    // Pueden haber más casos
    default:
        // Código a ejecutar si ninguno de los casos anteriores se cumple
}        

Ejemplo con los días de la semana

Tenemos 2 variables

diaDeLaSemana y

mensaje

dentro de la sentencia switch esta (diaDeLaSemana)

que engloban los case o casos que son igual al mensaje (los días de la semana)

cada case es igual a un dia de la semana eso quiere decir que si colocamos 3 como es este caso nos mostrara "Miercoles"; Si colocamos 7 nos mostrara "Domingo" en caso de que no coloquemos nada nos mostrara default "Dia no valido"

En este ejemplo, el valor de diaDeLaSemana es 3, por lo que se ejecutará el código correspondiente al caso 3, asignando el valor "Miércoles" a la variable mensaje. Si diaDeLaSemana no coincide con ninguno de los casos, se ejecutará el bloque default y se asignará "Día no válido" a mensaje.

Es importante recordar utilizar break después de cada case para salir del bloque switch una vez que se ha encontrado un caso coincidente.

try...catch

La sentencia try...catch en JavaScript se utiliza para manejar errores de manera controlada. Permite envolver un bloque de código en el que se espera que se produzcan errores y proporciona un mecanismo para manejar esos errores sin que detengan la ejecución del programa. Aquí está la estructura básica:

try {
  // Código que podría lanzar un error
} catch (error) {
  // Código a ejecutar si se produce un error
}        

Donde:

• El bloque try contiene el código que se supervisará en busca de errores.
• Si ocurre un error dentro del bloque try, el control se transfiere al bloque catch.
• El objeto error captura la información sobre el error, y puedes utilizarlo para obtener detalles sobre lo que salió mal.

En este ejemplo:

• Se intenta dividir 10 por cero, lo cual generaría un error de tiempo de ejecución.
• Como hay un bloque catch, el control se transfiere allí cuando se detecta el error.
• El mensaje de error se imprime en la consola usando error.message.
• El bloque finally es opcional y se ejecuta siempre, independientemente de si hay un error o no.

El uso de try...catch es útil para manejar situaciones en las que esperas que pueda ocurrir un error, y te permite tomar acciones específicas en respuesta a esos errores sin que el programa se detenga abruptamente. Esto es especialmente importante para aplicaciones más robustas y resistentes a fallos.

ejemplo desde consola de desarrollo:

break:

La instrucción break en JavaScript se utiliza para salir de un bucle (for, while, o do...while) o de un bloque switch. Su función es interrumpir la ejecución del bucle o del bloque switch antes de que se haya completado de manera normal.

Ejemplo con Bucle for:

En este ejemplo, el bucle for itera desde i = 0 hasta i = 4. Sin embargo, cuando i alcanza el valor de 3, se ejecuta la instrucción break, lo que provoca que el bucle se detenga antes de que pueda llegar a i = 4. Por lo tanto, solo se imprimen los valores 0, 1 y 2.

Ejemplo con Bloque switch:

En este ejemplo, el bloque switch evalúa la variable dia. Si dia es "lunes", se ejecuta el código dentro del primer case. La instrucción break es crucial aquí para evitar que el código continúe ejecutándose en los casos siguientes. Si dia es "viernes", se ejecuta el código dentro del segundo case. Si no coincide con ninguno de los casos, se ejecuta el bloque default. En todos los casos, después de ejecutar el código correspondiente, la ejecución se detiene dentro del bloque switch.

La instrucción break es importante para controlar el flujo y evitar la ejecución no deseada de código después de que se haya cumplido una condición específica.

continue

La sentencia continue en JavaScript se utiliza dentro de bucles (for, while o do...while) para saltar a la siguiente iteración del bucle, evitando la ejecución del código que sigue a la instrucción continue en esa iteración específica.

Ejemplo con Bucle for:

En este ejemplo, el bucle for itera desde i = 0 hasta i = 4. Cuando i es igual a 2, se ejecuta la instrucción continue, lo que provoca que el código dentro del bucle se detenga en ese punto y salte a la siguiente iteración. Por lo tanto, no se imprime el valor 2.

Ejemplo con Bucle while:

En este ejemplo, el bucle while incrementa contador en cada iteración. Cuando contador es igual a 3, se ejecuta la instrucción continue, evitando que se imprima ese valor específico y saltando a la siguiente iteración.

La sentencia continue es útil cuando deseas omitir parte del código en una iteración particular del bucle sin salir completamente del bucle, y te permite controlar más precisamente el flujo del programa.

Estas son solo algunas de las sentencias más comunes en JavaScript. Cada una tiene su propio propósito y se utiliza en situaciones específicas para controlar el flujo y la lógica de un programa.