Lección 11. Arreglos (Arrays).

Los Arrays son tipos de datos que permiten almacenar varios datos dentro de un mismo identificador utilizando espacios.

A diferencia de otros lenguajes, JavaScript no limita los datos almacenados a un Array a un SOLO tipo de dato, lo que permite la mejor y mayor utilidad de estos.

Para definir un array podemos hacerlo de las siguientes maneras:

//Arrays
const arreglo_1 = [];
const arreglo_2 = [1, true, "Hola", ["A", "B", "C"]];

//Los arrays en JS pueden tener multiples tipos de datos

Incluso dentro de un Array, JS nos permite guardar otro Array, entre otras cosas que veremos a más adelante.

Nota: Para los Arrays podemos usar de manera más optima el identificador const al momento de crearlo, ya que, al NO ser un tipo de dato primitivo, nos permitira ingresar nuevos datos a este, incluso modificar los datos creados y eliminarlos;

Atributo length con Arrays._

Podemos usar el atributo length en un Array, lo cual nos permitira saber el número de los espacios declarados, a diferencia de los datos primitivos, donde nos devolvía el tamaño del identificador.

console.log(arreglo_2.length); //El tamaño del array principal
//Resultado: 4

Acceder a un elemento dentro del Array._

Existirán ocasiones donde querremos obtener UNICAMENTE solo un dato dentro del Array, cambiarlo o hacer cualquier cosa con él; Para ello accederemos a ellos por medio de su posicionamiento.

console.log(arreglo[2]); //Impresion del elemento de posicion 2 del array padre
//Resultado: Hola

Recordemos, los Arrays empiezan su cuenta de espacios desde el 0, por lo tanto, el elemento 2, es la posición tercera.

Acceder a arrays dentro de arrays._

También podemos acceder a un elemento de un Array que está dentro de otro Array, si seguimos la misma manera, seria:

console.log(arreglo_2[3][1]); //Impresion solo de un elemento del array hijo
//Resultado: B

Método fill._

La funcion fill en un Array permite declarar los elementos de un Array con un valor que podemos definir.

const array_4 = Array(10).fill(false);

//Creamos un array de los 10 de length y le asignamos a todos el valor de false

Método push._

Este método permite ingresar un nuevo elemento en un Array, colocándolo al final de todos los elementos.

const colores = ["Rojo", "Verde", "Azul"];
//Declaracion de array

colores.push("Negro");
//Agregacion de un nuevo elemento al array

Método pop._

JavaScript también permite eliminar el último elemento de un Array.

La función pop elimina el elemento que se encuentra en la posición final del Array definido.

colores.pop();
//El ultimo elemento se elimina del array

Este método NO requiere parámetros, por lo que solo necesitamos declararla vacia.

Método forEach._

Otro método muy utilizado para los Arrays en el ámbito de la programación es el método forEach, el cual hace un bucle que se repite una vez por cada elemento dentro del Array declarado.

colores.forEach(function (e, index) {
//e es el parametro del elemento en forma del forEach, index es el numero de bucle actual
console.log(`<li id="${index}">${e}</li>`);
});

Nota: El elemento e como parámetro declarado en el método se refiere al elemento en turno dentro del array. El parámetro index o i se refiere a un elemento que va en aumento en 1, sumándose por cada ciclo (empezando en 0). Estos son los 2 parametros que puede recibir una ForEach y son parametros por posición.