JavaScript Arrays: Pushing, Popping and Shifting - How to pop (or delete at end) an element from an array using JavaScript
(Page 3 of 5 )
In this section I focus on “popping” (also called “deleting” at the end) an element from an array.
Now, let us try to develop a simple script (JavaScript) which deletes (or pops) a single element at the end of an array. Have a look at the following code:
<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 >>
More JavaScript Articles
More By Jagadish Chaterjee
