Beleza, mas o que seria localStorage? É uma API de Web Storage para armazenamento de dados com propriedades diferentes do objeto Window, (sessionStorage e localStorage), neste artigo falaremos sobre o segundo, onde é possível salvar, adicionar, recuperar ou excluir dados localmente no navegador Web do usuário em questão.

 

Vejamos agora os principais métodos do localStorage:

 

• localStorage.setItem: Armazena um item com a chave e o valor.
  Ex.: localStorage.setItem('nome', Ataualpa);

 

• localStorage.getItem: Recupera o valor do item com o nome da chave.
  Ex.: localStorage.getItem('nome'); Saída: Ataualpa

 

• localStorage.removeItem: Remove o item com chave do localStorage.
  Ex.: localStorage.removeItem('nome');

 

Vale ressaltar que os valores das respectivas chaves devem ser penas strings. Então caso você queira guardar um objeto precisará usar o método JSON.stringfy() e o reverso para pegar a string e utilizar como objeto na sua aplicação, utilizando então o método JSON.parse().

 

Agora, é preciso tomar algumas precauções antes de sair armazenando dados para o localStorage:

 

• • Não é recomendado a utilização do localStorage para armazenar dados sensíveis;
• Dados armazenados não expiram
• • Estes dados armazenados estão visíveis a todos com acesso ao localStorage do navegador;
• • O localStorage possui um limite de 5Mb armazenamento de dados;