JAVASCRIPT

JavaScript Arrays: Pushing, Popping and Shifting

This series of articles mainly concentrates on working with JavaScript arrays. This is the fourth article in the series and mainly concentrates on working with multiple arrays effectively. You can reuse these scripts to inject into server side controls easily (especially in .NET and Java).

Author Info:

By: Jagadish Chaterjee

Poor Best

Rating:

/ 21

March 21, 2006

TABLE OF CONTENTS:

<html>
      <head>
            <meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<script id="clientEventHandlersJS" language="javascript">
<!--
function Show()
{
      var myArray = new Array();
      myArray[0] = "Jag";
      myArray[1] = "Chat";
      myArray[2] = "Win";
      myArray[3] = "Dhan";
      document.write("Before deleting<br>-------------<br>");
      for (var i = 0; i < myArray.length; i++)
      {
            document.write(myArray[i] + "<BR>");
      }
      myArray.pop();
      document.write("<br>After deleting<br>-------------<br>");
      for (var i = 0; i < myArray.length; i++)
      {
            document.write(myArray[i] + "<BR>");
      }
}

function Button1_onclick() {
      Show();
}
//-->
            </script>
      </head>
      <body>
      <form id="form1">
                  <input type="button" value="Show" id="Button1" name="Button1" onclick="return Button1_onclick()">
            </form>
      </body>
</html>

When the above code is executed we get the following output:

Before deleting
-------------
Jag
Chat
Win
Dhan

After deleting
-------------
Jag
Chat
Win

The above code is very similar to the code available in the first section with only the following change:

myArray.pop();

Earlier, in my previous example (in the first section), I used the “push” method. The “push” method accepts a parameter as an element to add. Coming to the “pop” method, it doesn’t accept any parameter to delete. That means when you issue “pop,” the last element (or the latest element added at the end of the array) gets deleted from the array automatically. Apart from this difference, the rest of the code is quite similar.

Next: How to delete an element at the top from an array using JavaScript >>