Los arrays en JavaScript, también conocidos como arreglos, son una estructura ordenada de datos que almacena múltiples valores en una sola variable. Si te dedicas al desarrollo de software, vas a usarlos todos los días para listar, modificar y organizar información de forma eficiente.
Piensa en una lista de compras: cada ítem se puede agregar, quitar o reemplazar sin perder el orden. Esa misma lógica es la que vas a aplicar cuando trabajes con arreglos en tu código.
Cómo se reconoce un array en JavaScript
Un arreglo se identifica fácilmente por dos elementos clave: los corchetes [ ] que lo delimitan y las comas que separan cada uno de sus valores [01:45].
Puedes declarar un arreglo de strings, de números o incluso mixto, donde convivan distintos tipos de datos en la misma estructura.
js
const notas = ["nota1", "nota2", "nota3"];
const numeros = [1, 2, 3, 4];
const mixto = [1, "texto", null, true, {}];
Cuando trabajes con APIs, vas a recibir información organizada en arreglos y objetos, así que dominar esta estructura te abre la puerta a integrar datos externos en tus proyectos.
¿Qué es un array en JavaScript? Es una variable que almacena varios valores ordenados dentro de corchetes, separados por comas. Puede contener strings, números, booleanos, objetos o una mezcla de ellos.
Cómo aplicar el CRUD a un array
El concepto de CRUD (Create, Read, Update, Delete) se aplica directamente a los arreglos. Cada letra representa una operación que vas a usar para manipular los datos contenidos.
Cómo crear y agregar elementos a un array
Para agregar elementos cuentas con tres métodos principales que se diferencian según la posición donde quieras insertar el dato [05:30]:
push(): agrega un elemento al final del arreglo.unshift(): agrega un elemento al inicio del arreglo.splice(): agrega un elemento en una posición específica.
Un detalle importante: aunque declares el array con const, sí puedes modificar su contenido. Lo que const impide es reasignar la variable a otro tipo de dato, pero los métodos como push manipulan los valores internos sin cambiar la naturaleza del arreglo.
js
notas.push("nota4");
notas.unshift("nota0");
notas.splice(1, 0, "nota1.2");
En splice, el primer parámetro es la posición, el segundo indica cuántos elementos eliminar (cero si solo quieres insertar) y el tercero es el valor a agregar.
Cómo leer elementos y conocer la longitud
Para acceder a un elemento usas su índice entre corchetes. Y aquí viene un punto que confunde al principio: los arreglos empiezan a contar desde cero [10:15].
Esto significa que el primer elemento está en la posición 0, el segundo en la 1, y así sucesivamente.
js
console.log(notas[0]); // primer elemento
console.log(notas.length); // cantidad total de elementos
¿Por qué los arrays empiezan en 0? Porque el índice representa el desplazamiento desde el inicio del arreglo. La posición 0 es el primer elemento, así que un array con 6 ítems se cuenta de 0 a 5.
Cómo actualizar y eliminar valores
Una vez que tienes el arreglo creado, vas a necesitar modificar o quitar datos según la lógica de tu aplicación.
Qué métodos uso para actualizar un array
Tienes dos formas claras de actualizar un valor dentro de un arreglo [13:40]:
- Acceder por índice y reasignar:
notas[1] = "nota3";
- Usar
splice indicando la posición y el nuevo valor.
La primera opción es directa cuando ya conoces la posición exacta. La segunda te da más control si además quieres eliminar elementos en la misma operación.
js
const notas2 = ["nota1", "nota2"];
notas2[1] = "nota3";
notas2.splice(1, 0, "nota4");
Cómo eliminar elementos del inicio, final o una posición específica
Para eliminar valores cuentas con tres métodos según la ubicación del elemento que quieres quitar [16:50]:
pop(): elimina el último elemento del arreglo.shift(): elimina el primer elemento del arreglo.splice(posicion, cantidad): elimina uno o varios elementos desde una posición indicada.
js
const notas3 = ["nota1", "nota2"];
notas3.pop(); // elimina "nota2"
notas3.shift(); // elimina "nota1"
notas3.splice(1, 1); // elimina 1 elemento desde la posición 1
Con splice ten cuidado con el segundo parámetro: indica cuántos elementos vas a borrar a partir de esa posición. Si pones 2, eliminará dos consecutivos.
¿Cuál es la diferencia entre pop y shift? pop quita el último elemento del arreglo, mientras que shift quita el primero. Ambos modifican el array original y devuelven el valor eliminado.
Trabajar con arreglos se vuelve amigable cuando practicas cada método con tus propios ejemplos. Pon a prueba lo aprendido y déjame en los comentarios qué reto resolviste primero.
