Home >>JavaScript Array Reference >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

Here is an example of JavaScript shift() method:

<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:

Click the button to see the Output.

Example 2:

<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.

« Previous Next »

JavaScript Array Reference

No Sidebar ads