Skip to content
Related Articles

Related Articles

Alternatives of push() method in JavaScript
  • Last Updated : 02 Jun, 2020

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
Recommended Articles
Page :