Cómo eliminar el primer y último elemento en un arreglo en JavaScript

Los arreglos son una estructura de datos fundamental en JavaScript. Puedes almacenar una lista de elementos en un arreglo y manipular esa lista haciendo uso de diferentes métodos. Uno de estos métodos es la eliminación de elementos. En este artículo, aprenderás cómo eliminar el primer y último elemento de un arreglo en JavaScript.

Eliminar el primer elemento

Para eliminar el primer elemento de un arreglo en JavaScript podemos utilizar el método shift(). Este método elimina el primer elemento del arreglo y desplaza los demás elementos hacia una posición inferior. Aquí está el ejemplo:


let miArreglo = ["Manzana", "Banana", "Kiwi", "Mango"];

console.log(miArreglo);
// Output: ["Banana", "Kiwi", "Mango"]


En este ejemplo, el método shift() elimina el primer elemento del arreglo "Manzana" y desplaza los demás elementos hacia una posición inferior. Ahora el nuevo primer elemento es "Banana".

Eliminar el último elemento

Para eliminar el último elemento de un arreglo en JavaScript podemos utilizar el método pop(). Este método elimina el último elemento del arreglo. Aquí está el ejemplo:


let miArreglo = ["Manzana", "Banana", "Kiwi", "Mango"];

console.log(miArreglo);
// Output: ["Manzana", "Banana", "Kiwi"]


En este ejemplo, el método pop() elimina el último elemento del arreglo "Mango". Ahora el nuevo último elemento es "Kiwi".

Eliminar el primer y último elemento al mismo tiempo

Para eliminar el primer y último elemento al mismo tiempo de un arreglo en JavaScript podemos combinar los métodos shift() y pop(). Aquí está el ejemplo:


let miArreglo = ["Manzana", "Banana", "Kiwi", "Mango"];

console.log(miArreglo);
// Output: ["Banana", "Kiwi"]


En este ejemplo, primero usamos el método shift() para eliminar el primer elemento del arreglo "Manzana". Luego usamos el método pop() para eliminar el último elemento del arreglo "Mango".

Ejemplo de uso en un programa

Supongamos que estamos tratando con una lista de tareas pendientes y queremos eliminar la primera y última tarea de la lista. Podríamos hacer lo siguiente:


let tareasPendientes = ["Estudiar para el examen", "Hacer la compra", "Llamar al médico", "Pasear al perro"];

console.log(tareasPendientes);
// Output: ["Hacer la compra", "Llamar al médico"]


Conclusión

Eliminar el primer y último elemento de un arreglo en JavaScript es bastante sencillo utilizando los métodos shift() y pop(). Esperamos que este artículo te haya resultado útil y que puedas aplicar esta técnica en tus propios proyectos para modificar la información de tus arreglos. Recuerda siempre verificar que hayas seleccionado el arreglo correcto antes de aplicar los métodos descritos anteriormente.

Preguntas frecuentes

¿Puedo eliminar un elemento específico de un arreglo en lugar del primero o el último?

Sí, puedes eliminar un elemento específico de un arreglo utilizando el método splice(). Este método toma dos argumentos: el índice del elemento que deseas eliminar y el número de elementos que quieres eliminar.

¿Puedo eliminar más de un elemento al mismo tiempo usando los métodos shift() y pop()?

No, los métodos shift() y pop() eliminan solo un elemento a la vez: el primero y el último respectivamente. Para eliminar más de un elemento al mismo tiempo debes utilizar otros métodos como splice().

¿Puedo recuperar los elementos eliminados después de aplicar los métodos shift() y pop()?

Sí, puedes almacenar los elementos eliminados en una variable antes de aplicar los métodos shift() y pop() o puedes hacer copias del arreglo original antes de aplicar los métodos.

¿Cómo puedo saber si un arreglo está vacío después de aplicar los métodos shift() y pop()?

Puedes utilizar la propiedad length del arreglo para verificar si tiene una longitud de cero. Por ejemplo:


let miArreglo = ["Manzana", "Banana", "Kiwi", "Mango"];

if (miArreglo.length === 0) {
console.log("El arreglo está vacío");
} else {
console.log("El arreglo no está vacío");
}


Cómo obtener el último carácter de una cadena en JavaScript

Cómo utilizar objetos anidados en JavaScript

Cómo cambiar el color del texto en JavaScript

Parsear una cadena de HTML con JS - JavaScript

Cómo agregar ID a un elemento utilizando JavaScript

Cómo iterar objetos en JavaScript

Encontrar y eliminar objetos en un arreglo basado en un valor clave en JavaScript

Cómo comparar cadenas en JavaScript

Inserción de variables en Strings con JavaScript