shift() to remove first element of an array

<script type="text/javascript">
var scripts = new Array();
scripts[0] = "PHP";
scripts[1] = "ASP";
scripts[2] = "JavaScript";
scripts[3] = "HTML";
document.write(scripts.join(" <br> "));
document.write("<br>--Now after applying shift()--<br>");
scripts.shift();
document.write(scripts.join(" <br> "));

</script>
The first element HTML will be removed from the array. Here is the output
PHP
ASP
JavaScript
HTML
--Now after applying shift()--
ASP JavaScript HTML
JavaScript arrays To remove the last element from an array we have used pop() method. Same way we can use shift() method to remove first element of an array in JavaScript. This also decreases length of an array. Here is the syntax of applying shift() method to an array
scripts.shift();
Here scripts is our array object.

Getting the first element after removal

<script type="text/javascript">
var scripts = new Array();
scripts[0] = "PHP";
scripts[1] = "ASP";
scripts[2] = "JavaScript";
scripts[3] = "HTML";

var str=scripts.shift();
document.write(str); 
</script>
Output is here
PHP

Numeric Keys

The assigned numeric keys are re-indexed to give new value for elements in increasing order.
<script>
var scripts = new Array();
scripts[0] = "PHP";
scripts[1] = "ASP";
scripts[2] = "JavaScript";
scripts[3] = "HTML";

for (var key in scripts) {
  document.write("key : " + key + "  =>value: " + scripts[key] + "<br>");
}
document.write("<br>--Now after applying shift()--<br><br>");
scripts.shift();
for (var key in scripts) {
  document.write("key : " + key + "  =>value: " + scripts[key] + "<br>");
}
</script>
Output is here
key : 0 =>value: PHP
key : 1 =>value: ASP
key : 2 =>value: JavaScript
key : 3 =>value: HTML

--Now after applying shift()--

key : 0 =>value: ASP
key : 1 =>value: JavaScript
key : 2 =>value: HTML
remove elements from any position of an array by using splice method
Array Reference How to display elements of an Array
Subscribe to our YouTube Channel here


Subscribe

* indicates required
Subscribe to plus2net

    plus2net.com







    Post your comments , suggestion , error , requirements etc here




    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2024 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer