Alternativas del método push() en JavaScript

La tarea es realizar una operación de inserción sin utilizar el método push() con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación.

Enfoque 1: use la propiedad de longitud para insertar el elemento al final de la array.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!DOCTYPE html>
<html>
    <head>
        <title>
            Alternatives of push() method 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 = ["Element 1", "Element 2", 
                 "Element 3", "Element 4"];
     var up = document.getElementById("GFG_UP");
      up.innerHTML = "Array = [" + arr + "]";
     var element = "Element x";
     var down = document.getElementById("GFG_DOWN");
     function myGFG() {
      arr[arr.length] = element;
    down.innerHTML = "Elements of array = [" + arr + "]";
            }
        </script>
    </body>
</html>

Producción:

Enfoque 2 Use la notación [] para insertar el elemento al final de la array.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!DOCTYPE html>
<html>
    <head>
        <title>
            Alternatives of push() method 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 = ["Element 1", "Element 2", 
              "Element 3", "Element 4"];
   var up = document.getElementById("GFG_UP");
   up.innerHTML = "Array = [" + arr + "]";
   var element = "Element x";
   var down = document.getElementById("GFG_DOWN");
   function myGFG() {
   arr = [arr, element];
  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 Cancelar la respuesta