Home >>JavaScript Array Reference >JavaScript Array shift() Method
JavaScript Array shift() Method
JavaScript Array shift() Method
JavaScript shift() method is used to remove the first item of the given input array. It changes the length of the given array. It changes the original given array. It returns the value of the removed item.
Syntax:array.shift()
Browser Support
| Method | Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| shift() | Yes | Yes | Yes | Yes | Yes |
<html>
<body>
<p>Click the button to see the Output.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
var x = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
document.getElementById("demo").innerHTML = x;
function myFunction()
{
x.shift();
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
Output:
Example 2:
Click the button to see the Output.
<html>
<body>
<p>Click the button to see the Output.</p>
<button onclick="myFunction1()">Try it</button>
<p id="demo1"></p>
<script>
var y = ["A", "B", "C", "D", "E", "F", "G", "H", "I"];
document.getElementById("demo1").innerHTML = y;
function myFunction1()
{
y.shift();
document.getElementById("demo1").innerHTML = y;
}
</script>
</body>
</html>
Output:
Click the button to see the Output.
No Sidebar ads
