Introducción: Los arrays son una de las estructuras de datos más importantes en JavaScript. Tanto si trabajas con sintaxis antigua ES5 como con ES6+ y versiones más recientes, dominar las operaciones con arrays es clave para escribir código limpio, eficiente y sin errores. En esta guía práctica repasamos todos los métodos esenciales de arrays en JavaScript con ejemplos del enfoque antiguo y el moderno, además de consejos de uso.

Sobre Q2BSTUDIO: Somos Q2BSTUDIO, empresa de desarrollo de software y aplicaciones a medida, especialistas en inteligencia artificial, ciberseguridad y servicios cloud. Ofrecemos soluciones de software a medida y consultoría en servicios cloud aws y azure, así como servicios de inteligencia de negocio y power bi. Descubre más sobre nuestras soluciones de aplicaciones a medida y sobre nuestros proyectos de inteligencia artificial para empresas.

Operaciones básicas

1 push Añadir al final. Antiguo arr.push(10) Moderno arr = [...arr, 10]

2 pop Eliminar del final. Antiguo arr.pop() Moderno extraer con destructuring [...rest, last] = arr

3 shift Eliminar del inicio. Antiguo arr.shift() Moderno [first, ...rest] = arr

4 unshift Añadir al inicio. Antiguo arr.unshift(5) Moderno arr = [5, ...arr]

Búsqueda y comprobaciones

5 indexOf Índice de la primera aparición. Antiguo arr.indexOf(3) Moderno arr.findIndex(x => x === 3)

6 lastIndexOf Último índice. Antiguo arr.lastIndexOf(3) Moderno arr.findLastIndex(x => x === 3)

7 includes Comprobar existencia. Antiguo arr.indexOf(3) !== -1 Moderno arr.includes(3)

8 at Acceso con índices negativos. Antiguo arr[arr.length - 1] Moderno arr.at(-1)

Iteración y transformación

9 forEach Iterar sin crear array nuevo. Antiguo bucle for Moderno arr.forEach(item => console.log(item))

10 map Transformar cada elemento. Antiguo bucle for con push Moderno arr.map(x => x * 2)

11 filter Filtrar elementos. Antiguo filtro manual Moderno arr.filter(x => x % 2 === 0)

12 reduce Acumular valores. Antiguo bucle sumando Moderno arr.reduce((a, b) => a + b, 0)

13 reduceRight Acumular de derecha a izquierda. Antiguo invertir y reducir Moderno arr.reduceRight((a, b) => a - b)

Añadir, eliminar y copiar

14 splice Insertar o eliminar en índice. Antiguo arr.splice(2, 1, new) Moderno arr = [...arr.slice(0, 2), new, ...arr.slice(3)]

15 slice Copiar parte del array. Antiguo arr.slice(1, 3) Moderno [...arr].slice(1, 3)

16 concat Unir arrays. Antiguo arr.concat(arr2) Moderno [...arr, ...arr2]

17 flat Aplanar arrays anidados. Antiguo arr.reduce((a, b) => a.concat(b), []) Moderno arr.flat()

18 flatMap Mapear y aplanar en un paso. Antiguo arr.map(fn).flat() Moderno arr.flatMap(fn)

Ordenación y reverso

19 sort Ordenar. Antiguo arr.sort() Moderno arr.toSorted() devuelve copia ordenada sin mutar

20 reverse Invertir orden. Antiguo arr.reverse() Moderno arr.toReversed()

Métodos utilitarios

21 join Convertir a cadena. Antiguo arr.join(,) Moderno [...arr].join( - )

22 toString Representación en cadena. Antiguo arr.toString() Moderno String(arr)

23 from Crear array desde iterable. Antiguo [].slice.call('hello') Moderno Array.from('hello')

24 isArray Comprobar si es array. Antiguo obj instanceof Array Moderno Array.isArray(obj)

25 keys values entries Iteradores. Moderno for (let [i, v] of arr.entries()) console.log(i, v)

Métodos inmutables recientes ES2023+

toSorted para ordenar sin mutar, toReversed para invertir sin mutar y with(index, value) para crear copias con reemplazo. Estas alternativas reducen errores en aplicaciones complejas y mejoran la seguridad funcional del código.

Ejemplos rápidos de uso moderno

Duplicar valores let doubled = arr.map(x => x * 2) Filtrar pares let evens = arr.filter(x => x % 2 === 0) Sumar elementos let total = arr.reduce((a, b) => a + b, 0)

Preguntas frecuentes resumidas

Cuáles son los métodos más comunes push pop shift unshift map filter reduce slice splice concat includes

Cuál es la diferencia entre sintaxis antigua y nueva La antigua depende de bucles y métodos que mutan el array. La moderna usa spread map filter reduce y métodos inmutables como toSorted toReversed with para código más declarativo y seguro

Cómo comprobar si un valor es array Usar Array.isArray(value) en lugar de instanceof

Por qué preferir sintaxis moderna Código más limpio, enfoque funcional, menos efectos secundarios y mejor mantenimiento en proyectos grandes

Conclusión y servicios Q2BSTUDIO: Dominar los métodos de arrays es esencial para cualquier desarrollador JavaScript en 2025. En Q2BSTUDIO combinamos conocimiento técnico en desarrollo de software a medida, inteligencia artificial, agentes IA, ciberseguridad, servicios cloud aws y azure, y servicios de inteligencia de negocio como power bi para ofrecer soluciones completas a empresas. Si necesitas crear aplicaciones a medida, optimizar procesos con automatización o integrar IA para empresas, podemos ayudarte a diseñar e implementar la solución adecuada.

Palabras clave integradas: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi.