Utilice el método shift() en JavaScript para eliminar el primer elemento de un array

10 julio, 2025 Arkkan

Aprenda cómo usar shift() para simplificar su código y mejorar la eficiencia de sus proyectos

El método shift() en JavaScript es una función útil que permite eliminar el primer elemento de un array. Esto puede ser particularmente útil en situaciones donde necesita actualizar una lista basada en la posición del elemento, como en la implementación de colas o pila de datos.

Ejemplo 1: Mover elementos en un array


const arr = [1, 2, 3, 4, 5];
const shiftedArr = arr.shift();
console.log(shiftedArr); // Output: [1, 2, 3, 4, 5]
console.log(arr); // Output: [2, 3, 4, 5]

En este ejemplo, se utiliza el método shift() para mover el primer elemento del array arr y guardarlo en una nueva variable shiftedArr. Luego, se imprime el valor de ambas variables para comprobar el resultado.

Ejemplo 2: Eliminar elementos de un array


const arr = [1, 2, 3, 4, 5];
arr.shift();
console.log(arr); // Output: [2, 3, 4, 5]

En este ejemplo, se utiliza directamente el método shift() sobre el array arr para eliminar y mover al mismo tiempo el primer elemento del array. Luego, se imprime el valor de arr para comprobar el resultado.

Ejemplo 3: Mover elementos en una cola de prioridad


const priorityQueue = [
  { task: 'Tarea A', priority: 1 },
  { task: 'Tarea B', priority: 2 },
  { task: 'Tarea C', priority: 3 }
];
const shiftedItem = priorityQueue.shift();
console.log(shiftedItem); // Output: { task: 'Tarea A', priority: 1 }

En este ejemplo, se utiliza el método shift() para mover un elemento de una cola de prioridad representada por un array de objetos. Luego, se imprime el valor del elemento movido para comprobar el resultado.

Ejemplo 4: Mover elementos en una cola FIFO


const firstInFirstOut = [
  'Elemento 1',
  'Elemento 2',
  'Elemento 3',
  'Elemento 4'
];
const shiftedItem = firstInFirstOut.shift();
console.log(shiftedItem); // Output: 'Elemento 1'

En este ejemplo, se utiliza el método shift() para mover un elemento de una cola FIFO representada por un array de cadenas de texto. Luego, se imprime el valor del elemento movido para comprobar el resultado.

Ejemplo 5: Mover elementos en un stack


const stack = [
  { task: 'Tarea A', priority: 1 },
  { task: 'Tarea B', priority: 2 },
  { task: 'Tarea C', priority: 3 }
];
const shiftedItem = stack.shift();
console.log(shiftedItem); // Output: { task: 'Tarea A', priority: 1 }

En este ejemplo, se utiliza el método shift() para mover un elemento de un stack representado por un array de objetos. Luego, se imprime el valor del elemento movido para comprobar el resultado.

Ejemplo 6: Mover elementos en una lista simplemente enlazada


class Node {
  constructor(data) {
    this.data = data;
    this.next = null;
  }
}
const linkedList = new Node('Elemento 1');
linkedList.next = new Node('Elemento 2');
linkedList.next.next = new Node('Elemento 3');
const shiftedItem = linkedList.shift();
console.log(shiftedItem); // Output: { data: 'Elemento 1', next: null }

En este ejemplo, se utiliza el método shift() para mover un elemento en una lista simplemente enlazada representada por una clase Node y una variable linkedList. Luego, se imprime el valor del elemento movido para comprobar el resultado.

Conclusión

La función shift() es una herramienta valiosa para los desarrolladores de JavaScript. Al usarla correctamente, puede simplificar su código y mejorar la eficiencia de sus proyectos. Asegúrese de comprender su uso y aplicación en diferentes situaciones para obtener el máximo beneficio.