Author -  Sai gowtham

JavaScript - How to clear an Array

In this tutorial, we are going to learn three different approaches to clear the array in JavaScript with the help of examples.

First way

To clear an array in JavaScript, we need to a reassign a variable to the empty array.

Here is an example:

var arr = [1,2,3,4,5,6];

arr = [ ];
console.log(arr);

Output:

 [ ]

In the above example, we have cleared the array by assigning a new empty array [].

Second way

Similarly, we can also clear the array by setting it’s array.length property to 0.

Here is an example:

var arr = [1,2,3,4,5,6];

arr.length = 0;
console.log(arr);

//empty array [ ]

In the above code, we updated the length of the array to 0. so that it becomes empty and it takes more time compared to the first way.

Third way

var arr = [1,2,3,4,5,6];

while(arr.length){
   arr.pop();
}

console.log(arr);
//--> [ ]

Here, we are using the Array.prototype.pop() inside the while loop to remove every element present in the array.

Performance test shows that, the first way is the fastest way to clear the array if you are interested to see the performance test then check out clear arrays performance.

Happy coding…

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 2023 (Beginner + Advanced)
JavaScript - The Complete Guide 2023 (Beginner + Advanced)
116,648 students enrolled
52 hours of video content
$14.99 FROM UDEMY
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
631,582 students enrolled
49 hours of video content
$24.99 FROM UDEMY
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
203,937 students enrolled
31.5 hours of video content
$14.99 FROM UDEMY