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étodo | Descripció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étodo | Descripció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étodo | Descripció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étodo | Descripció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étodo | Descripció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étodo | Descripció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