100 Días de Javascript - 8 de 100 - Trabajando con arreglos (arrays)

Los arrays, en términos simples, son estructuras de datos fundamentales en la programación que permiten almacenar colecciones de elementos bajo un solo identificador. Su importancia radica en su versatilidad y capacidad para almacenar múltiples valores de diferentes tipos de datos en una secuencia indexada.

Declaración de arreglos (arrays)

En JavaScript, un array se declara utilizando corchetes [] y puede contener elementos de diferentes tipos de datos.

// Declaración de un array vacío
let miArray = [];

// Declaración de un array con elementos
let numeros = [1, 2, 3, 4, 5];
let palabras = ["Hola", "Mundo", "!"];

Métodos en arrays

• length devuelve la cantidad de elementos en un array. e.g. [1,2,3].length devolverá 3

• at permite acceder a un elemento específico en una posición determinada del array. e.g. [1,2,3].at(0) devolverá 1

• join une todos los elementos de un array en una cadena de texto, utilizando un separador especificado.

let palabras = ["Hola", "Mundo", "!"];
let mensaje = palabras.join(" "); // Une los elementos con un espacio
console.log(mensaje); // Output: "Hola Mundo !"

• push agrega uno o más elementos al final del array y devuelve la nueva longitud del array.

• pop elimina el último elemento de un array y lo devuelve.

let numeros = [1, 2, 3];
numeros.push(4); // Agrega el número 4 al final del array
console.log(numeros); // Output: [1, 2, 3, 4]

let ultimoElementoEliminado = numeros.pop(); // Elimina el último elemento (4)
console.log(numeros); // Output: [1, 2, 3]
console.log(ultimoElementoEliminado); // Output: 4

• shift elimina el primer elemento de un array y desplaza los elementos restantes hacia una posición inferior.

• unshift agrega uno o más elementos al principio del array y desplaza los elementos existentes hacia posiciones superiores.

let numeros = [2, 3, 4];
numeros.unshift(1); // Agrega el número 1 al principio del array
console.log(numeros); // Output: [1, 2, 3, 4]

let primerElementoEliminado = numeros.shift(); // Elimina el primer elemento (1)
console.log(numeros); // Output: [2, 3, 4]
console.log(primerElementoEliminado); // Output: 1

• slice devuelve una copia superficial (shallow copy) de parte de un array en un nuevo array, sin modificar el array original.

let frutas = ["Manzana", "Banana", "Naranja", "Pera", "Uva"];
let seleccion = frutas.slice(1, 3); // Crea un nuevo array con elementos desde la posición 1 hasta la 2 (sin incluir el 3)
console.log(seleccion); // Output: ["Banana", "Naranja"]

Acceso a elementos

Los elementos en un array se acceden mediante su índice, empezando desde cero. Por ejemplo:

let frutas = ["Manzana", "Banana", "Naranja", "Pera"];

console.log(frutas[0]); // Accediendo al primer elemento: "Manzana"
console.log(frutas[2]); // Accediendo al tercer elemento: "Naranja"

Estos métodos y la forma de acceder a los elementos son fundamentales para trabajar con arrays en JavaScript y permiten realizar una amplia variedad de operaciones y manipulaciones de datos.