Elimine el primer elemento de la array sin usar el método shift() en JavaScript

Dada una array que contiene algunos elementos de la array y la tarea es eliminar el primer elemento de la array y, por lo tanto, reducir el tamaño en 1. Vamos a realizar la operación del método shift() sin usarla realmente con la ayuda de JavaScript.
Hay dos enfoques que se analizan a continuación:

Enfoque 1: podemos usar el método splice() que se usa para obtener la parte de la array.

  • Ejemplo:

    <!DOCTYPE HTML>
    <html>
      
    <head>
        <title>
            Delete first element from the array without
            using shift() operation in JavaScript
        </title>
    </head>
      
    <body style="text-align:center;">
          
        <h1 style="color:green;">
            GeeksForGeeks
        </h1>
      
        <p id="GFG_UP"></p>
      
        <button onclick="myGFG()">
            Click Here
        </button>
          
        <p id="GFG_DOWN"></p>
          
        <script>
            var arr = ['Geeks', 'GFG', 'Geek', 'GeeksForGeeks'];
            var up = document.getElementById("GFG_UP");
            up.innerHTML = "Array - [" + arr + "]";
            var down = document.getElementById("GFG_DOWN");
            function myGFG() {
                arr.splice(0, 1);
                down.innerHTML = "elements of array = [" + arr + "]";
            }
        </script>
    </body>
      
    </html>
  • Producción:

Enfoque 2: Podemos usar el método filter() para filtrar el elemento en el índice 0.

  • Ejemplo:

    <!DOCTYPE HTML>
    <html>
      
    <head>
        <title>
            Delete first element from the array without
            using shift() operation in JavaScript
        </title>
    </head>
      
    <body style="text-align:center;">
          
        <h1 style="color:green;">
            GeeksForGeeks
        </h1>
          
        <p id="GFG_UP"></p>
      
        <button onclick="myGFG()">
            Click Here
        </button>
          
        <p id="GFG_DOWN"></p>
      
        <script>
            var arr = ['Geeks', 'GFG', 'Geek', 'GeeksForGeeks'];
            var up = document.getElementById("GFG_UP");
            up.innerHTML = "Array - [" + arr + "]";
            var down = document.getElementById("GFG_DOWN");
            function removeFirst(element, index) {
                return index > 0;
            }
            function myGFG() {
                arr = arr.filter(removeFirst);
                down.innerHTML = "elements of array = [" 
                                + arr + "]";
            }
        </script>
    </body>
      
    </html>
  • Producció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

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