A simple and short guide to localStorage

Local Storage let us save the data which is stored in the browser even when a user refreshes or closes a page. Let’s know more about what is Local Storage in JavaScript.

Local Storage holds 2–100MB+ data. Saved all data in string(JSON) format. It is also useful for web interface data. It is also used for offline storage of data.

It has 3 three types of methods

  • Read Data

Methods

  • setItem(k,v) — Add key and value to local storage

setItem()

getItem()

const data = JSON.parse(localStorage.getItem('items')); 
console.log(data);

Note: JSON.parse() is used to covert the contents of localStorage back into something which we can work with later in the data variable.

removeItem()

When passed a key name, the removeItem() method will remove that key from the storage if it exists. If there is no item associated with the given key, this method will do nothing.

localStorage.removeItem('items');

clear()

This method, when invoked, clears the entire storage of all records for that domain. It does not receive any parameters.

localStorage.clear();

Limitations

  • Do not store sensitive user information in localStorage.

😀Thanks For Reading | Happy Coding😎

Originally — Complete Guide To localStorage

Developer and Blogger. Writing daily at https://rahulism.tech