by Sai gowtham

How to clear an array in JavaScript

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

First way

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

arr = [ ]

console.log(arr)

//empty array [ ]

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

Second way

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…

Top Udemy Courses

JavaScript - The Complete Guide 2020 (Beginner + Advanced)
JavaScript - The Complete Guide 2020 (Beginner + Advanced)
45,614 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)
130,921 students enrolled
48.5 hours of video content
View Course