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 shifting<br>-------------<br>");
      for (var i = 0; i < myArray.length; i++)
      {
            document.write(myArray[i] + "<BR>");
      }
      myArray.shift();
      document.write("<br>After shifting<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, the following output is generated.

Before shifting
-------------
Jag
Chat
Win
Dhan

After shifting
-------------
Chat
Win
Dhan

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

myArray.shift();

Earlier, in the previous section, I used the “pop” method. When we apply “pop,” the last element (or the latest element added at the end of the array) gets deleted from the array automatically. But when we apply “shift,” the first element present in the array gets deleted. Apart from this difference, the rest of the code is quite similar.

Next: How to add an element to the top of an array using JavaScript >>