Arrays (listas)

Listas ordenadas de valores.

[a, b, c] · lista[0]: Un array se escribe entre corchetes.

array.length: Cuántos elementos tiene el array.

push() y pop(): push añade al final; pop quita el último y lo devuelve.

includes() e indexOf(): includes dice si un valor está; indexOf, en qué posición (o -1).

  • Listas ordenadas de valores. Los métodos que transforman (map, filter, slice…) devuelven un array nuevo; otros (push, sort, splice) cambian el original.
  • Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.
  • Esencial. Un array se escribe entre corchetes. Cada elemento tiene una posición (índice) que empieza en 0.
  • Esencial. Cuántos elementos tiene el array.
  • push añade al final; pop quita el último y lo devuelve.

Introducción

Listas ordenadas de valores. Los métodos que transforman (map, filter, slice…) devuelven un array nuevo; otros (push, sort, splice) cambian el original.

Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.

[a, b, c] · lista[0]

Esencial. Un array se escribe entre corchetes. Cada elemento tiene una posición (índice) que empieza en 0.

array.length

Esencial. Cuántos elementos tiene el array.

push() y pop()

push añade al final; pop quita el último y lo devuelve.

unshift() y shift()

unshift añade al principio; shift quita el primero y lo devuelve.

includes() e indexOf()

includes dice si un valor está; indexOf, en qué posición (o -1).

forEach()

Esencial. Ejecuta una función con cada elemento. No devuelve nada: es para hacer algo con cada uno.

map()

Esencial. Crea un array nuevo con el resultado de aplicar una función a cada elemento.

filter()

Esencial. Crea un array nuevo solo con los elementos que cumplen una condición.

find() y findIndex()

find devuelve el primer elemento que cumple la condición (o undefined); findIndex, su posición.

some() y every()

some: ¿alguno cumple? every: ¿todos cumplen? Devuelven true o false.

reduce()

Recorre el array acumulando un resultado: una suma, un total, un objeto… El segundo argumento es el valor inicial.

sort() y toSorted()

Ordenan el array. sort cambia el original; toSorted devuelve uno nuevo. Para números hace falta la función de comparación (a, b) => a - b.

reverse()

Invierte el orden del array (cambia el original; toReversed devuelve uno nuevo).

array.slice()

Copia un trozo del array, de una posición a otra (sin incluir la final). Sin argumentos, copia el array entero.

splice()

Quita o inserta elementos en una posición. Cambia el array original.

join()

Esencial. Une los elementos en un texto, con el separador que le digas.

concat() y [...a, ...b]

Unen varios arrays en uno nuevo.

Array.from()

Crea un array a partir de algo parecido (una lista de nodos del DOM, un texto) o de un tamaño.

flat()

Aplana arrays dentro de arrays en uno solo.

const [a, b] = array

Saca los elementos de un array a variables en una sola línea.

Referencia de JavaScript
07

Arrays (listas)

Listas ordenadas de valores.

Código del tema: const colores = ["rojo", "verde", "azul"];

📘 Teoría

Introducción

Listas ordenadas de valores. Los métodos que transforman (map, filter, slice…) devuelven un array nuevo; otros (push, sort, splice) cambian el original.

Cada entrada lleva una explicación corta y un ejemplo. En Practica, al final, tienes los mismos ejemplos para cambiarlos y ejecutarlos: lo que escriben con console.log() sale en la consola.

[a, b, c] · lista[0]

Esencial. Un array se escribe entre corchetes. Cada elemento tiene una posición (índice) que empieza en 0.

array.length

Esencial. Cuántos elementos tiene el array.

push() y pop()

push añade al final; pop quita el último y lo devuelve.

unshift() y shift()

unshift añade al principio; shift quita el primero y lo devuelve.

includes() e indexOf()

includes dice si un valor está; indexOf, en qué posición (o -1).

forEach()

Esencial. Ejecuta una función con cada elemento. No devuelve nada: es para hacer algo con cada uno.

map()

Esencial. Crea un array nuevo con el resultado de aplicar una función a cada elemento.

filter()

Esencial. Crea un array nuevo solo con los elementos que cumplen una condición.

find() y findIndex()

find devuelve el primer elemento que cumple la condición (o undefined); findIndex, su posición.

some() y every()

some: ¿alguno cumple? every: ¿todos cumplen? Devuelven true o false.

reduce()

Recorre el array acumulando un resultado: una suma, un total, un objeto… El segundo argumento es el valor inicial.

sort() y toSorted()

Ordenan el array. sort cambia el original; toSorted devuelve uno nuevo. Para números hace falta la función de comparación (a, b) => a - b.

reverse()

Invierte el orden del array (cambia el original; toReversed devuelve uno nuevo).

array.slice()

Copia un trozo del array, de una posición a otra (sin incluir la final). Sin argumentos, copia el array entero.

splice()

Quita o inserta elementos en una posición. Cambia el array original.

join()

Esencial. Une los elementos en un texto, con el separador que le digas.

concat() y [...a, ...b]

Unen varios arrays en uno nuevo.

Array.from()

Crea un array a partir de algo parecido (una lista de nodos del DOM, un texto) o de un tamaño.

flat()

Aplana arrays dentro de arrays en uno solo.

const [a, b] = array

Saca los elementos de un array a variables en una sola línea.

🕹️ Practica

Referencia interactiva Ejemplos editables: Arrays (listas) Abrir en pantalla completa

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros. culTest

La hice en febrero de 2026 para facilitar el aprendizaje de mis alumnos. La idea es aprender desarrollo web practicando y que el proyecto siga creciendo con nuevos temas, tests y retos.

Está inspirada en MDN, W3Schools, CodePen, Manz y muchos otros sitios de documentación sobre desarrollo web. Quería combinar teoría útil, ejemplos ejecutables, retos y el sistema de tests que ya tenía en culTest. culTest

Si te gustó, si no te gustó o si quieres escribirme, puedes hacerlo en cristianeslava@gmail.com