by Sai gowtham

How to remove first element of a array in JavaScript

In this tutorial, we are going to learn about how to remove the first element of an array in JavaScript.

Consider we have an array with 3 elements like this.

const fruits = ["apple", "banana", "grapes"];

Now, we need to remove the first element apple from the above array.

Removing the first element

To remove the first element of an array, we can use the built-in shift() method in JavaScript.

Here is an example:

const fruits = ["apple", "banana", "grapes"];

fruits.shift();

console.log(fruits); // ["banana", "grapes"]

Note: The shift() method also returns the removed element.

Similarly, we can also remove the first element of an array by using the splice() method with 0, 1 as an arguments.

const fruits = ["apple", "banana", "grapes"];

fruits.splice(0,1);

console.log(fruits); // ["banana", "grapes"]

0 is the start index, 1 is the how many elements we need to remove from the start index.

You can also read, how to remove last element of an array in JavaScript.

Css Tutorials & Demos

How rotate an image continuously in CSS

In this demo, we are going to learn about how to rotate an image continuously using the css animations.

How to create a Instagram login Page

In this demo, i will show you how to create a instagram login page using html and css.

How to create a pulse animation in CSS

In this demo, i will show you how to create a pulse animation using css.

Creating a snowfall animation using css and JavaScript

In this demo, i will show you how to create a snow fall animation using css and JavaScript.

Top Udemy Courses

JavaScript - The Complete Guide 2021 (Beginner + Advanced)
JavaScript - The Complete Guide 2021 (Beginner + Advanced)
64,026 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
284,472 students enrolled
40 hours of video content
View Course
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
152,857 students enrolled
48.5 hours of video content
View Course