javascript-metodos-del-tipo-array

Métodos del tipo Array en JavaScript

El objeto Array proporciona una variedad de métodos. Vamos a ver algunos de los más útiles.

Métodos para acceder o modificar elementos

MétodoDescripción
arr[index]Accede a un elemento específico por su índice.
at(index)Accede a un elemento especificando el índice

El método arr[index] accede a un elemento específico en un array utilizando su índice.

let arr = [1, 2, 3, 4];

console.log(arr[0]); // 1
console.log(arr[2]); // 3

El método at(index) permite acceder a un elemento del array, soportando índices negativos que hacen referencia a elementos desde el final.

let arr = [1, 2, 3, 4];

console.log(arr.at(1)); // 2
console.log(arr.at(-1)); // 4

Métodos para modificar elementos

MétodoDescripción
push()Añade uno o más elementos al final del array.
pop()Elimina el último elemento del array.
shift()Elimina el primer elemento del array.
unshift()Añade uno o más elementos al inicio del array.
splice()Elimina, reemplaza, o añade elementos.

El método push() agrega uno o más elementos al final del array.

let arr = [1, 2, 3];

arr.push(4);
console.log(arr); // [1, 2, 3, 4]

arr.push(5, 6);
console.log(arr); // [1, 2, 3, 4, 5, 6]

El método pop() elimina el último elemento de un array y lo devuelve.

let arr = [1, 2, 3];

console.log(arr.pop()); // 3
console.log(arr); // [1, 2]

El método shift() elimina el primer elemento del array y lo devuelve.

let arr = [1, 2, 3];

console.log(arr.shift()); // 1
console.log(arr); // [2, 3]

El método unshift() agrega uno o más elementos al principio del array.

let arr = [2, 3];

arr.unshift(1);
console.log(arr); // [1, 2, 3]

arr.unshift(-1, 0);
console.log(arr); // [-1, 0, 1, 2, 3]

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

let arr = [1, 2, 3, 4];

arr.splice(2, 1, 10); // Elimina 1 elemento en el índice 2 y agrega 10
console.log(arr); // [1, 2, 10, 4]

Métodos para modificar el orden

MétodoDescripción
sort()Ordena los elementos del array según una función de comparación.
reverse()Invierte el orden de los elementos del array.
copyWithin()Copia una parte del array dentro del mismo array.

El método sort() ordena los elementos de un array según una función de comparación.

let arr = [4, 1, 3, 2];

arr.sort((a, b) => a - b); // Orden ascendente
console.log(arr); // [1, 2, 3, 4]

El método reverse() invierte el orden de los elementos de un array.

let arr = [1, 2, 3];

arr.reverse();
console.log(arr); // [3, 2, 1]

El método copyWithin() copia una sección del array dentro de sí mismo.

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

arr.copyWithin(2, 0, 2); // Copia el rango arr[0, 1] a partir del índice 2
console.log(arr); // [1, 2, 1, 2, 5]

Métodos de búsqueda y comprobación

MétodoDescripción
includes()Comprueba si un array contiene un elemento.
indexOf()Devuelve el primer índice de un elemento o -1 si no se encuentra.
lastIndexOf()Devuelve el último índice de un elemento o -1 si no se encuentra.
find()Devuelve el primer elemento que cumpla con la condición.
findIndex()Devuelve el índice del primer elemento que cumpla con la condición.

El método includes() verifica si un array contiene un determinado elemento.

let arr = [1, 2, 3, 4];

console.log(arr.includes(3)); // true
console.log(arr.includes(5)); // false

El método indexOf() devuelve el primer índice en el que un elemento se encuentra en el array, o -1 si no lo encuentra.

let arr = [1, 2, 3, 4];

console.log(arr.indexOf(3)); // 2
console.log(arr.indexOf(5)); // -1

El método lastIndexOf() devuelve el último índice en el que un elemento se encuentra en el array, o -1 si no lo encuentra.

let arr = [1, 2, 3, 2, 4];

console.log(arr.lastIndexOf(2)); // 3
console.log(arr.lastIndexOf(5)); // -1

El método find() devuelve el primer elemento de un array que cumple con una condición específica definida por una función de prueba. Si ningún elemento cumple la condición, retorna undefined.

let arr = [5, 12, 8, 130, 44];

let found = arr.find((element) => element > 10);
console.log(found); // 12

let notFound = arr.find((element) => element > 200);
console.log(notFound); // undefined

El método findIndex() devuelve el índice del primer elemento que cumple con una condición específica definida por una función de prueba. Si ningún elemento cumple la condición, retorna -1.

let arr = [5, 12, 8, 130, 44];

let index = arr.findIndex((element) => element > 10);
console.log(index); // 1 (el índice del valor 12)

let notFoundIndex = arr.findIndex((element) => element > 200);
console.log(notFoundIndex); // -1

Métodos de transformación

MétodoDescripción
slice()Crea un nuevo array a partir de una copia de una parte del original.
concat()Une dos o más arrays y devuelve uno nuevo.
flat()Aplana un array de arrays en un solo array.
flatMap()Similar a map(), pero con aplanado de resultados.
join()Une todos los elementos del array en una cadena de texto
fill()Rellena todos los elementos del array desde una posición inicial hasta una final con un valor.

El método slice() crea una copia superficial de una sección de un array.

let arr = [1, 2, 3, 4];

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

El método concat() une dos o más arrays y devuelve uno nuevo.

let arr1 = [1, 2];
let arr2 = [3, 4];

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

El método flat() aplanará un array de arrays en un solo array.

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

let flattened = arr.flat();
console.log(flattened); // [1, 2, 3, 4, 5]

El método flatMap() primero mapea cada elemento con una función y luego aplana el resultado.

let arr = [1, 2, 3];

let newArr = arr.flatMap((x) => [x, x * 2]);
console.log(newArr); // [1, 2, 2, 4, 3, 6]

El método join() une todos los elementos de un array en una cadena de texto, separándolos con el valor especificado como argumento.

let arr = ['a', 'b', 'c', 'd'];

let joined = arr.join('-');
console.log(joined); // 'a-b-c-d'

let defaultJoin = arr.join();
console.log(defaultJoin); // 'a,b,c,d'

El método fill() cambia todos los elementos en un rango específico del array a un valor estático.

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

arr.fill(0, 2, 4); // Rellena los índices 2 a 4 con 0
console.log(arr); // [1, 2, 0, 0, 5]

arr.fill(9); // Rellena todo el array con 9
console.log(arr); // [9, 9, 9, 9, 9]

Métodos para comprobación

MétodoDescripción
Array.isArray()Comprueba si un valor es un array.

El método Array.isArray() verifica si el valor pasado es un array.

let arr = [1, 2, 3];

console.log(Array.isArray(arr)); // true
console.log(Array.isArray("not an array")); // false