Introducción a JavaScript - Segunda parte

Así, como hemos ido tratando y viendo, JavaScript es un lenguaje de programación que tiene muchas funcionalidades. A continuación, se describen algunas de estas funcionalidades:

                                                    SWITCH

Es una estructura que permite hacer múltiples operaciones dependiendo del estado de una variable. Su sintaxis es la siguiente:
switch (expresión) {

               case valor1:
                     Sentencias a ejecutar si la expresión tiene como valor a valor1
                     break

               case valor2:
                     Sentencias a ejecutar si la expresión tiene como valor a valor2
                     break

               case valor3:
                     Sentencias a ejecutar si la expresión tiene como valor a valor3
                     break

               default:
                     Sentencias a ejecutar si el valor no es ninguno de los anteriores
}

OPERADOR TERNARIO

Es una forma abreviada del condicional if, es decir, es una manera más compacta de escribir código. Además, sus líneas de código son más cortas y legibles. Su estructura va en este orden:
1. Variable que se valida
2. Condición que se valida
3. El valor que toma la variable en el caso que la condición se cumpla
4. El valor que toma la variable en el caso que la condición no se cumpla

                                                                        FUNCIONES
Las funciones son un conjunto de instrucciones que se encapsulan para realizar una tarea concreta y que puede ser luego reutilizable en varias partes del código. Las formas de declarar una función son:

Function: Se crea con la palabra reservada function, seguido obligatoriamente por un nombre, que identificará a nuestra función, una lista de parámetros entre paréntesis, el cuerpo de la función y el símbolo de las llaves {}. Al final del cuerpo, se encuentra una sentencia llamada ‘return’ que está encargada de retornar la salida de la función. Solo se puede retornar un valor; para retornar varios valores, se puede utilizar un array, por ejemplo. Para hacer uso de ella, basta con llamarla por el nombre de su función y pasarle los argumentos respectivos.
Su estructura es la siguiente:

function nombre(variable1, variable2){
                …
             return variable
}

1. Nombre de la función
2. Parámetros: variables que definimos donde van a recibir los valores de entrada de la función
3. Cuerpo e la función: Bloque de código que queremos reutilizar
4. Sentencia return: la salida de la función, lo que retorna. Solo retorna un valor. Si se quiere retornar varios valores, se haría un array, por ejemplo.
5. Varible que recibe la respuesta de la función

Función declarativa:
Son funciones de las cuales podemos hacer uso de ella antes de declararlas. Es decir, no se obtiene un error al invocar la función que aún no ha sido creada ya que en JavaScript las definiciones se ejecutan al principio de la ejecución de todo el código. Se convierten en funciones globales.

Funciones como expresiones
Este tipo de funciones de JS funcionan como un objeto al cual se apunta y se puede utilizar. Al ser un objeto, nos permite almacenar lo que retorna la función en una variable. Se llama función anónima cuando no se nombra esta función, pues lo que retorna lo guarda en una variable y, por ende, no hay necesidad de nombrarla.

Arrow function:
Este tipo de funciones no crean su propio ‘this’, es decir, no crean su propio contexto al ejecutarse como lo hacen las funciones declarativas y las funciones como expresión. No obstante, tienen una sintaxis similar a las funciones como expresión debido a que el retorno de esta función también se le asigna a una variable. Su sintaxis es la siguiente:
1. Se crea la variable donde irá guardada el retorno de la función
2. Se definen los parámetros entre paréntesis seguido del símbolo =>
3. Se abren las llaves {} para indicar las instrucciones que se van a realizar

ARRAY

Los array son conjuntos de datos que están ordenados por posiciones y se asocian a una sola variable. Además, estos array pueden tener una colección de datos de cualquier tipo. Se crean de la siguiente manera:
1. Se define el valor de la variable que contiene el array
2. Se abre y se cierra un par de corchetes. Dentro de ellos, definimos cada uno de los datos que deseamos incluir.

Para acceder a un array, se escribe el nombre del array seguido de un par de corchetes y dentro de ellos, la posición en la que se encuentra el dato que buscamos. Se debe tener en cuenta que la posición de los array en javascript comienza desde cero.
Para modificarlo, se debe acceder a una posición específica, como se explicó anteriormente, e igualar esa posición a la condición requerida.

Asimismo, el array es un objeto y como objeto, podemos utilizar constructores. Además, cuenta con propiedades como ‘length’ la cual permite determinar la longitud o tamaño de este array.

OBJETOS:

Los objetos en JS son otra estructura de datos más, pero tiene una estructura clave-valor. La clave es siempre una cadena y debe ser única en la colección.  Para definir un objeto se debe comenzar con una llave y terminar con otra llave. Estos objetos me permiten tener una clave una cadena, un entero, un objeto hasta una función.
Para acceder a un objeto, solo es necesario escribir el nombre del objeto y dentro de los corchetes, poner la clave a la cual se desea acceder.
Para modificarlo, basta con realizar el paso anterior e igualarlo al nuevo valor que desea tomar esa clave.

BUCLES:

Los bucles son una herramienta que nos provee JS para hacer iteraciones y dentro de cada iteración, correr un fragmento de código.
Tienen una palabra reservada: Break. Con esta palabra podemos detener el ciclo antes de que se terminen de cumplir y de recorrer todos los argumentos.
Se divide en:

-    For: Crea un bucle que consiste en tres expresiones opcionales.
Su sintaxis es la siguiente:
    for ([expresion-inicial]; [condicion]; [expresion-final]){
        instrucciones
    }
Dentro del bloque se pueden hacer todo lo anteriormente mencionado: switch, if, llamar métodos y funciones, crear variables y objetos, etc. Además, estos for se pueden anidar, es decir, podemos realizar un for dentro de otro for.

Se pueden dar otras variaciones del for más sencillas y son más fáciles para recorrer un array y un objeto:
    For of: Sirve para recorrer un array:
        for (variable of array) {
            Instrucción;
        }

    For in: Sirve para recorrer un objeto:
        for (const variable in objecto) {
            Instrucción;
        }

-     While: Crea un bucle que ejecuta una sentencia especificada mientras cierta condición se evalúe como verdadera. Su sintaxis es la siguiente:
while (condicion){
    Instrucción;
 }