Código Real
Apóyame
JavaScript

Curso de JavaScript

Dale vida a la web.

Aprende a programar, crea interacciones y construye proyectos reales.

Métodos comunes de arrays

JavaScript incluye métodos listos para agregar, quitar y consultar elementos de un array, sin que tengas que escribir la lógica de recorrido a mano.

Cargando editor...
Resultado
Preparando resultado...
Comenta la línea carrito.pop(); (agrega // al inicio) y observa cómo Monitor se queda en el carrito y en el mensaje final.

Explicación

Estos son algunos de los métodos más usados para modificar y consultar arrays:

array.push(valor)

Agrega un elemento al final del array.

array.pop()

Elimina y devuelve el último elemento del array.

array.includes(valor)

Devuelve true o false según si el array contiene ese valor.

array.indexOf(valor)

Devuelve el índice de la primera vez que aparece ese valor, o -1 si no está.

array.join(separador)

Une todos los elementos del array en un solo texto, separados por el texto que le indiques.

Reto rápido

Agrega carrito.unshift("Cable USB") antes del console.log final y observa cómo cambia el orden del carrito.

En esta lección

  • Ejemplo interactivo
  • Explicación de cada etiqueta
  • Cuándo usarlo
  • Errores comunes

Consejo

push y pop modifican el array original directamente (no crean uno nuevo): si necesitas conservar el array original sin cambios, primero deberías copiarlo.

Dato extra

Además de push/pop (que trabajan al final del array), existen unshift y shift, que hacen lo mismo pero al principio del array.

Error común

Tratar el -1 que devuelve indexOf() como si fuera un índice válido cuando el valor no existe en el array: -1 en realidad significa "no encontrado", y usarlo directamente como índice (array[-1]) no funciona como en otros lenguajes.

Siguiente paso

Ya sabes agregar, quitar y consultar elementos con métodos básicos. Ahora veamos map, filter y reduce: las herramientas más poderosas para transformar arrays completos.

Ir a la siguiente lección