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