18 Métodos de Arrays en JavaScript que Deberías Conocer

Los arrays son una parte esencial de la programación en JavaScript, ya que ofrecen una forma poderosa de almacenar y manipular colecciones de datos. En este artículo exploraremos dieciocho métodos fundamentales de arrays que todo programador JavaScript debería conocer para escribir código más eficiente y claro.

1. Push

El método arr.push(..element) agrega un nuevo elemento al final de un array y devuelve la nueva longitud del array. Este método modifica el array original.

Sintaxis:

arr.push(element1, element2, …)

Ejemplo:

let arr = [1, 2, 3];
arr.push(4); // arr ahora es [1, 2, 3, 4]

2. Pop

El método arr.pop() elimina el último elemento de un array y devuelve el elemento eliminado. Este método también modifica el array original y su longitud.

Sintaxis:

arr.pop()

Ejemplo:

let arr = [1, 2, 3, 4];
arr.pop(); // arr ahora es [1, 2, 3]

3. Shift

El método arr.shift() elimina el primer elemento de un array y devuelve el elemento eliminado. Este método también modifica la longitud del array original.

Sintaxis:

arr.shift()

Ejemplo:

let arr = [1, 2, 3, 4];
arr.shift(); // arr ahora es [2, 3, 4]

4. Unshift

El método arr.unshift(elements) agrega uno o más elementos al inicio de un array y devuelve la nueva longitud del array.

Sintaxis:

arr.unshift(item1, item2, …)

Ejemplo:

let arr = [2, 3, 4];
arr.unshift(1); // arr ahora es [1, 2, 3, 4]

5. Splice

El método arr.splice() modifica el array original eliminando, reemplazando o agregando elementos.

Sintaxis:

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

Ejemplo:

let arr = [1, 2, 3, 4];
arr.splice(1, 1); // arr ahora es [1, 3, 4]

6. Slice

El método arr.slice() selecciona una parte de un array y devuelve un nuevo array con los elementos copiados desde el índice inicial hasta el final. El array original no se modifica.

Sintaxis:

arr.slice(start, end)

Ejemplo:

let arr = [1, 2, 3, 4];
let newArr = arr.slice(1, 3); // newArr es [2, 3]

7. Includes

El método arr.includes(item, index) verifica si el elemento está presente en el array a partir del índice indicado y devuelve true si se encuentra, o false en caso contrario.

Sintaxis:

arr.includes(item, index)

Ejemplo:

let arr = [1, 2, 3, 4];
arr.includes(3); // true

8. forEach

El método arr.forEach() ejecuta una función proporcionada una vez por cada elemento del array.

Sintaxis:

arr.forEach(callback)

Ejemplo:

let arr = [1, 2, 3, 4];
arr.forEach(num => console.log(num)); // imprime 1, 2, 3, 4

9. Join

El método arr.join(separator) crea una string con todos los elementos de un array concatenados, separados por un delimitador específico.

Sintaxis:

arr.join(separator)

Ejemplo:

let arr = [1, 2, 3, 4];
arr.join('-'); // "1-2-3-4"

10. toString

El método arr.toString() convierte un array en una string y devuelve el resultado.

Sintaxis:

arr.toString()

Ejemplo:

let arr = [1, 2, 3, 4];
arr.toString(); // "1,2,3,4"

11. Map

El método map() llama a una función callback en cada elemento del array original y devuelve un nuevo array con los resultados. Este es un método no mutante.

Sintaxis:

  arr.map(function callback(currentValue, index, array) {
    // Devuelve un nuevo valor
  })

Ejemplo:

let arr = [1, 2, 3, 4];
let doubled = arr.map(num => num * 2); // [2, 4, 6, 8]

12. Reduce

El método reduce() aplica una función a un acumulador y a cada elemento del array (de izquierda a derecha) para reducirlo a un único valor.

Sintaxis:

arr.reduce(function callback(accumulator, currentValue, index, array) {
  // Devuelve el valor acumulado
}, initialValue)

Ejemplo:

let arr = [1, 2, 3, 4];
let sum = arr.reduce((acc, num) => acc + num, 0); // 10

13. Filter

El método filter() crea un nuevo array con todos los elementos que pasan la prueba implementada por la función proporcionada.

Sintaxis:

arr.filter(function callback(element, index, array) {
  // Devuelve true para mantener el elemento
})

Ejemplo:

let arr = [1, 2, 3, 4];
let even = arr.filter(num => num % 2 === 0); // [2, 4]

14. Sort

El método sort() organiza los elementos de un array en orden ascendente, o según la función de comparación proporcionada.

Sintaxis:

arr.sort([compareFunction])

Ejemplo:

let arr = [4, 2, 3, 1];
arr.sort(); // [1, 2, 3, 4]

15. Find

El método find() devuelve el primer elemento del array que satisface la función de prueba proporcionada.

Sintaxis:

arr.find(function callback(element, index, array) {
  // Devuelve true para encontrar el elemento
})

Ejemplo:

let arr = [1, 2, 3, 4];
let found = arr.find(num => num > 2); // 3

16. IndexOf

El método indexOf() devuelve el primer índice en el que se puede encontrar un elemento dado en el array, o -1 si no está presente.

Sintaxis:

arr.indexOf(searchElement, fromIndex)

Ejemplo:

let arr = [1, 2, 3, 4];
let index = arr.indexOf(3); // 2

17. Some

El método some() prueba si al menos un elemento del array pasa la función de prueba implementada.

Sintaxis:

arr.some(function callback(element, index, array) {
  // Devuelve true si al menos un elemento pasa la prueba
})

Ejemplo:

let arr = [1, 2, 3, 4];
let hasEven = arr.some(num => num % 2 === 0); // true

18. Concat

El método concat() se usa para fusionar dos o más arrays.

Sintaxis:

arr.concat(array2, array3, ..., arrayN)

Ejemplo:

let arr1 = [1, 2];
let arr2 = [3, 4];
let merged = arr1.concat(arr2); // [1, 2, 3, 4]

Estos métodos son fundamentales para trabajar con arrays en JavaScript. Dominarlos te permitirá manipular datos de forma más eficiente y escribir código más limpio y legible. ¡Feliz programación!