Skip to content
Related Articles

Related Articles

Alternatives of push() method in JavaScript

Improve Article
Save Article
  • Last Updated : 02 Jun, 2020
Improve Article
Save Article

The task is to perform push operation without using the push() method with the help of JavaScript. There are two approaches that are discussed below.

Approach 1: Use the length property to insert the element at the end of the array.

  • Example: This example implements the above approach.




    <!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>

    
    

  • Output:

Approach 2 Use the [] notation to insert the element at the end of array.

  • Example: This example implements the above approach.




    <!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>

    
    

  • Output:

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!