Qué es un array y cómo funciona en JavaScript

Los arrays en JavaScript son una herramienta esencial para organizar información y manipular datos de forma eficiente. Aquí encontrarás una guía clara y práctica para entender su estructura, cómo funcionan sus índices, y cómo aplicar operaciones de CRUD con métodos como push, unshift, splice, pop y shift. Con ejemplos simples, verás por qué los arreglos son parte del día a día en el desarrollo.

¿Qué es un array en JavaScript y por qué es clave?

Un array es una estructura ordenada de datos que almacena múltiples valores en una sola variable. Se reconoce por los corchetes y por separar elementos con comas. Puede mezclar distintos tipos: texto, números, valores booleanos, nulos y hasta objetos. En muchas respuestas de APIs verás datos organizados como arreglos y objetos.

• Un array permite acceder por posición usando su índice.
• El índice inicia en 0: el primer elemento está en la posición 0.
• Con const no cambias la referencia del array, pero sí puedes mutar su contenido con métodos.

¿Cómo se declara un arreglo con corchetes y comas?

const notas = ['nota uno', 'nota dos', 'nota tres'];

¿Qué tipos de datos puede contener un array?

const mixto = [1, 'texto', null, true, {}];

• Números, strings, null y booleanos.
• Objetos para estructuras más ricas.

¿Cómo funciona el índice que inicia en cero?

console.log(notas[0]); // 'nota uno'
console.log(notas[1]); // 'nota dos'

• Índices: 0, 1, 2, ... hasta length - 1.
• Evita confusiones recordando que el conteo no empieza en 1.

¿Cómo aplicar CRUD en arrays: create, read, update y delete?

CRUD es un patrón común: create, read, update, delete. Con arreglos puedes implementarlo usando métodos nativos. La clave: mutas el contenido, no la referencia creada con const.

¿Cómo agregar elementos con push y unshift?

• Agregar al final con push.
• Agregar al inicio con unshift.

const notas = ['nota uno', 'nota dos', 'nota tres'];
notas.push('nota cuatro');      // final
notas.unshift('nota cero');     // inicio
console.log(notas);
// ['nota cero', 'nota uno', 'nota dos', 'nota tres', 'nota cuatro']

¿Cómo insertar o sustituir con splice sin eliminar?

splice recibe: posición, cantidad a eliminar, y elementos a insertar.

// Insertar en la posición 1 sin eliminar
notas.splice(1, 0, 'nota 1.2');
console.log(notas);
// ['nota cero', 'nota 1.2', 'nota uno', 'nota dos', 'nota tres', 'nota cuatro']

// Si el segundo argumento es 1, elimina 1 elemento en esa posición
notas.splice(1, 1); // elimina 'nota 1.2'

• Con 0 no eliminas y solo insertas.
• Con 1 (o más) eliminas desde la posición indicada.

¿Cómo leer, actualizar y eliminar valores de forma segura?

Para leer, usa índices y el método length. Para actualizar, asigna por índice o usa splice. Para eliminar, aplica pop, shift o splice según el caso.

¿Cómo leer por posición y contar con length?

console.log(notas[0]); // primer elemento
console.log(notas[1]); // segundo elemento
console.log(notas.length); // total de elementos

• length devuelve el total.
• El último índice es length - 1.

¿Cómo actualizar por índice y con splice?

• Asigna por índice para reemplazar un valor.
• Usa splice para insertar en una posición específica sin eliminar.

const notas2 = ['nota uno', 'nota dos'];
notas2[1] = 'nota tres';
console.log(notas2); // ['nota uno', 'nota tres']

// Insertar en la posición 1 sin eliminar
notas2.splice(1, 0, 'nota cuatro');
console.log(notas2); // ['nota uno', 'nota cuatro', 'nota tres']

• Recuerda: splice(pos, 0, item) inserta. Si quieres sustituir eliminando el actual, usa splice(pos, 1, item).

¿Cómo eliminar con pop, shift y splice?

• pop: elimina el último elemento.
• shift: elimina el primero.
• splice: elimina desde un índice específico.

const notas3 = ['nota uno', 'nota dos'];
console.log(notas3.pop()); // 'nota dos'
console.log(notas3);       // ['nota uno']

const notas4 = ['nota uno', 'nota dos'];
console.log(notas4.shift()); // 'nota uno'
console.log(notas4);         // ['nota dos']

// Eliminar 1 elemento desde la posición 1
notas4.splice(1, 1);
console.log(notas4);

• Con splice(ini, cantidad) controlas cuántos elementos borrar.
• Cuidado con eliminar más de lo necesario.

¿Tienes un caso de uso con arrays que quieras optimizar o dudas con splice y los índices? Compártelo en comentarios y seguimos la conversación.