Skip to content

Hoja de Atajos de Métodos de Arrays en JavaScript

Esta página proporciona una guía detallada de los métodos de arrays en JavaScript, incluyendo operaciones comunes, nuevas características de ES6, optimización del rendimiento y más.

Creación de Arrays

JavaScript ofrece varias formas de crear arrays:

Uso de Literales de Array 

let arr = [1, 2, 3];

Uso del Constructor 

let arr = new Array(1, 2, 3);

Uso del método Array.of 

let arr = Array.of(1, 2, 3);

Uso del método Array.from 

let arr = Array.from('123'); // ['1', '2', '3']

Operaciones con Arrays

Los arrays proporcionan una gran cantidad de métodos para añadir, eliminar, modificar y consultar datos:

Añadir elementos

  • push: Añade uno o más elementos al final del array
  • unshift: Añade uno o más elementos al principio del array

Eliminar elementos

  • pop: Elimina el último elemento del array
  • shift: Elimina el primer elemento del array
  • splice: Elimina cualquier número de elementos basándose en el índice

Buscar elementos

  • indexOf: Encuentra el índice de un elemento en el array
  • includes: Determina si el array contiene un determinado elemento

Iterar a través de arrays

  • forEach: Ejecuta una función de callback una vez por cada elemento del array
  • map: Crea un nuevo array con los resultados de la llamada a una función proporcionada en cada elemento del array que llama
  • filter: Crea un nuevo array con todos los elementos que pasen la prueba implementada por la función proporcionada

Transformación de arrays

  • join: Une todos los elementos de un array en una cadena
  • slice: Devuelve una copia superficial de una parte de un array
  • concat: Fusiona dos o más arrays

Nuevas Características de ES6

ES6 ha realizado muchas mejoras en las operaciones con arrays:

Operador Spread (Extensión) 

let arr = [1, 2, 3];
let arr2 = [...arr, 4, 5]; // [1, 2, 3, 4, 5]

Array.prototype.find 

let result = arr.find(item => item > 2); // 3

Array.prototype.findIndex 

let index = arr.findIndex(item => item > 2); // 2

Array.prototype.fill 

arr.fill(0); // [0, 0, 0]

Array.prototype.includes 

arr.includes(2); // true

Optimización del Rendimiento

Al tratar con arrays grandes, la optimización del rendimiento es especialmente importante:

  • Intenta usar métodos nativos como map y filter, que suelen estar implementados en C++ y son más rápidos que los bucles de JavaScript.
  • Para arrays manipulados con frecuencia, considera usar Typed Arrays (Arrays Tipados).
  • Evita las operaciones de DOM dentro de los bucles; en su lugar, recoge los nodos de DOM a los que se va a aplicar la operación y realízala toda de una vez.

Conclusión

A través de esta guía, deberías tener una comprensión más profunda de las operaciones con arrays en JavaScript. Para más información, consulta MDN Web Docs.