JavaScript | Eliminar el último elemento de una array

La tarea es eliminar el último elemento de la array. Aquí están algunos de los métodos más preferidos discutidos.
Primeras funciones para entender.

Método JavaScript Array splice()
Este método agrega/elimina elementos a/desde la array y devuelve los elementos eliminados.
Sintaxis:
```
array.splice(index, number, item1, ....., itemN)
```
Parámetros:
- índice: Este parámetro es obligatorio. Especifica el número entero en qué posición agregar/eliminar elementos. Los valores negativos se usan para especificar la posición desde el final de la array.
- número: Este parámetro es opcional. Especifica el número de elementos que se eliminarán. 0 significa que no hay nada que eliminar.
- item1, ….., itemN: Este parámetro es opcional. Esto especifica los nuevos elementos que se agregarán a
  la array.
Valor devuelto:
Devuelve un nuevo Array, con los elementos eliminados.
Método JavaScript Array slice()
Este método devuelve una nueva array que contiene los elementos seleccionados.
Este método selecciona los elementos que comienzan desde el argumento inicial dado y terminan en, pero excluyendo el argumento final dado.
Sintaxis:
```
array.slice(start, end)
```
Parámetros:
- Inicio: este parámetro es opcional. Especifica el entero desde donde comenzar la selección (el primer elemento está en el índice 0). Los números negativos se utilizan para seleccionar desde el final de la array. Si no se usa, actúa como “0”
- fin: este parámetro es opcional. Especifica el entero desde donde terminar la selección. Si no se usa, todos los elementos desde el principio hasta el final de la array se incluirán en la selección. Los números negativos se utilizan para seleccionar desde el final.
Valor devuelto:
Devuelve un nuevo Array, con los elementos seleccionados.
Método JavaScript Array pop()
Este método elimina el último elemento de una array y devuelve el elemento.
Sintaxis:
```
array.pop()
```
Valor de retorno:
Devuelve el elemento de array eliminado. Un elemento de array puede ser una string, un número, una array, un valor booleano o cualquier otro tipo de objeto aplicable en una array.

Ejemplo 1: este ejemplo elimina el último elemento de la array utilizando el método splice() .

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript 
      | Remove last item from array.
    </title>
</head>
  
<body style="text-align:center;"
      id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP"
       style="font-size: 16px;">
    </p>
    <button onclick="gfg_Run()">
        remove
    </button>
    <p id="GFG_DOWN"
       style="color:green; 
              font-size: 20px;
              font-weight: bold;">
    </p>
    <script>
        var el_up = 
            document.getElementById("GFG_UP");
        var el_down = 
            document.getElementById("GFG_DOWN");
        var array = [34, 24, 31, 48];
        el_up.innerHTML = "Array = [" + array + "]";
  
        function gfg_Run() {
            array.splice(-1, 1);
            el_down.innerHTML = 
              "Remaining array = [" + array + "]";
        }
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el botón:
Después de hacer clic en el botón:

Ejemplo 2: este ejemplo elimina el último elemento de la array utilizando el método pop() .

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript 
      | Remove last item from array.
    </title>
</head>
  
<body style="text-align:center;" 
      id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP" 
       style="font-size: 16px;">
    </p>
    <button onclick="gfg_Run()">
        remove
    </button>
    <p id="GFG_DOWN" 
       style="color:green;
              font-size: 20px; 
              font-weight: bold;">
    </p>
    <script>
        var el_up = 
            document.getElementById("GFG_UP");
        var el_down = 
            document.getElementById("GFG_DOWN");
        var array = [34, 24, 31, 48];
        el_up.innerHTML = "Array = [" + array + "]";
  
        function gfg_Run() {
            array.pop();
            el_down.innerHTML = 
              "Remaining array = [" + array + "]";
        }
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el botón:
Después de hacer clic en el botón:

Ejemplo 3: este ejemplo no elimina el último elemento de la array, pero devuelve una nueva array en la que se elimina el elemento, utilizando el método splice() .

<!DOCTYPE HTML>
<html>
  
<head>
    <title>
        JavaScript 
      | Remove last item from array.
    </title>
</head>
  
<body style="text-align:center;"
      id="body">
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1>
    <p id="GFG_UP" 
       style="font-size: 16px;">
    </p>
    <button onclick="gfg_Run()">
        remove
    </button>
    <p id="GFG_DOWN" 
       style="color:green; 
              font-size: 20px; 
              font-weight: bold;">
    </p>
    <script>
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
        var array = [34, 24, 31, 48];
        el_up.innerHTML = "Array = [" + array + "]";
  
        function gfg_Run() {
            el_down.innerHTML = 
              "Remaining array = [" + array.slice(0, -1) + "]";
        }
    </script>
</body>
  
</html>

Producción:

Antes de hacer clic en el botón:
Después de hacer clic en el botón:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta