¿Qué método incorporado elimina el último elemento de una array y devuelve ese elemento en JavaScript?

En este artículo, sabremos cómo eliminar el último elemento de una array utilizando el método incorporado en Javascript, además de comprender su implementación a través de los ejemplos. Hay algunos métodos y técnicas integrados de Javascript con los que podemos eliminar el último elemento de la array. Nos centraremos solo en los 2 métodos, es decir, el método pop() y el método slice() .

Método pop() de JavaScript : El método pop() es un método integrado que elimina el último elemento de una array y lo devuelve. Este método reduce la longitud de la array en 1.

Sintaxis:

array.pop(); 

Parámetro : Este método no acepta ningún parámetro.

Valor de retorno : este método devuelve la array de elementos eliminados, si la array no está vacía, de lo contrario, devuelve undefined .

Ejemplo: Este sencillo ejemplo ilustra el funcionamiento del método pop() .

HTML

<!DOCTYPE html>
<html>
  
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content=
        "width=device-width, initial-scale=1" />
    <title>
        Removing the last element from an array
    </title>
</head>
  
<body>
    <h1>GeekforGeeks</h1>
    <h3>Javascript pop() Method</h3>
  
    <script>
        let myArray = [2, 3, 5, 10, 11];
        console.log("The array is: ", myArray);
        const removedElement = myArray.pop();
        console.log("Removed Element is: ", removedElement);
        console.log("The array is: ", myArray);
    </script>
</body>
  
</html>

Explicación: en la primera línea, creamos una array y llamamos al método pop para eliminar el último elemento, y en la siguiente línea, donde imprimimos el valor devuelto por el método pop, se eliminó un elemento de la array. En la última línea, el arreglo original cuya longitud se reduce en 1.

Producción:

Método splice() de JavaScript : el método splice() es un método integrado que se utiliza para manipular la array agregando, eliminando o modificando los elementos de la array en su lugar. Aquí, discutiremos cómo podemos eliminar el último elemento de la array con este método.

Sintaxis:

array.splice( index, remove_count, item_list );

Valores paramétricos: 

  • index : Es un parámetro requerido. Este es un índice donde comenzar a eliminar los elementos en la array.
  • remove_count : el número de elementos que se eliminarán del índice inicial.
  • items_list: la lista de elementos nuevos, separados por una coma, que se insertará desde el índice de inicio.

Valor de retorno : Devuelve una array, que puede estar vacía o de un solo valor según la cantidad de elementos eliminados.

Ejemplo: este ejemplo describe el método de empalme que elimina el último elemento de la array.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <meta charset="utf-8" />
    <meta name="viewport" 
         content="width=device-width, 
                  initial-scale=1" />
    <title>Removing the last element from an array</title>
</head>
  
<body>
    <h1>GeekforGeeks</h1>
    <h3>Javascript splice() Method</h3>
    <script>
        let myArray = [2, 3, 5, 10, 11];
        console.log("The array is: ", myArray);
        const removedElement = myArray.splice(myArray.length - 1, 1);
        console.log("Removed Element is: ", removedElement);
        console.log("The array is: ", myArray);
    </script>
</body>
  
</html>

Explicación: En la primera línea, hemos inicializado una array y en la tercera línea hemos llamado al método splice() con el objeto myArray, proporcionando los parámetros como myArray.length-1 para iniciar la eliminación desde el último índice y 1 deleteCount para eliminar un solo elemento. El elemento eliminado se devolverá como una array de un solo valor. 

Producción:

Publicación traducida automáticamente

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *