Los arreglos en javascript son común mente utilizado, y por ello, este post quiero compartirte varios tips para que le saques provecho a su uso.
Antes de comenzar, quiero aclarar que pueden ir a la documentación de MDN para profundizar sobre el tema.
Ahora, empecemos.
1. Crear arreglos
Para crear arreglos tienes dos formas: con el uso de []
o con new Array()
. El principal y recomendado es el []
.
2. Verificar si es un arreglo
Si queremos verificar si es un arreglo, utilizamos Array.isArray()
.
3. Cambiar un elemento en una posición especifica
Puedes ubicarte en una posición especifica dentro del arreglo y cambiar su valor.
4. Añadir un elemento al final del arreglo
Con el método .push()
, puedes añadir un elemento al final de un arreglo.
5. Añadir un elemento al inicio del arreglo
Con el método .unshift()
, puedes añadir un elemento al final de un arreglo.
6. Eliminar un elemento al final de un arreglo
Con .pop()
puedes eliminar un elemento al final del arreglo.
7. Eliminar un elemento de un arreglo al inicio
Para eliminar un elemento al inicio del array, utilizamos el método .shift()
.
8. Eliminar un elemento en una posición especifica
Si buscas eliminar un elemento en una posición especifica, el método .splice()
te puede ayudar.
Este método recibe como valor la posicion del elemento que quieres eliminar y cuantos elementos quieres eliminar despues de la posición que indicaste.
// Syntax
array.splice(position, afterPosititon)
9. Revertir un arreglo
Puedes invertir un arreglo con el método .reverse()
.
10. Unir arreglos
Puedes unir dos arreglos con el método .concat()
.
11. Ordenar arreglos
Puedes ordenar un arreglo con el método .sort()
. Por defecto lo ordena de menor a mayor.
// Ordenando con strings
const months = ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo'];
months.sort();
console.log(months);
// Ordenando con numeros
const array = [2,3,1];
// De menor a mayor
array.sort((x,y) => x-y);
// De mayor a menor
array.sort((x,y) => y-x);
console.log(array);
12. Encontrar un elemento en el arreglo
El método .indexOf()
te retorna la posición del elemento que estas buscando dentro del arreglo.
¡Dato extra!
Los arreglos en javascript no pueden ser modificados si se usa con const. Pero si se puede modificar individualmente sus elementos ni tampoco su tipo.
Cuéntame en los comentarios, ¿Qué otros métodos y tips conoces?
Sigueme en mis redes sociales para más contenido