To remove one item from localStorage, we use the removeItem() method.

localStorage.removeItem('I1','message 1');
localStorage.removeItem('I2','message 2')

To remove multiple items from localStorage at a time, we need the help of loop. In this article, we will use the for of loop and also forEach method to remove multiple items from localStorage.

Remove multiple items from localStorage using for of loop. #

First we will store some items in local storage. So that, we can remove them later.

<button onclick="removeAll()">Remove All Items</button>
<script>
 localStorage.setItem('I1','message 1')
 localStorage.setItem('I2','message 2')

 console.log(localStorage,'before')

 function removeAll(){
  let lRemove = ['I1','I2']
    for(key of lRemove){
      localStorage.removeItem(key);
    }

  console.log(localStorage,'after')
 }
</script>

Remove items from localStorage using forEach method. #

<button onclick="removeAll()">Remove All Items</button>
<script>
 localStorage.setItem('I1','message 1')
 localStorage.setItem('I2','message 2')

 console.log(localStorage,'before')

 function removeAll(){
  let lRemove = ['I1','I2']
    lRemove.forEach(function(key){
       localStorage.removeItem(key)
    })
      

  console.log(localStorage,'after')
 }
</script>