Como usar o localStorage de forma rápida e fácil

Você está fazendo o frontend do seu site e quer aprender a salvar os dados localmente do usuário de forma rápida e fácil com o javascript.

O que é LocalStorage?

A localStorage seria um armazenador de dados no browser e eles não expiram, no caso eles não somem até o usuário deletar os dados.

A localStorage só aceita string, então para salvar objetos nós precisamos transformar o objeto em uma string e na hora de pegar esses dados converter de forma para objeto.

Como salvar os dados?

localStorage.setItem('UM_DADO_AQUI', '3584');

caso queira salvar um objeto tem que converter para uma string:

localStorage.setItem('UM_DADO_AQUI', JSON.stringify({nome: 'Luiz', idade: 20}));

Como pegar os dados?

localStorage.getItem('UM_DADO_AQUI');

caso queira pegar um objeto que está em formato de string

objetoEmFormatoDeString = localStorage.getItem('UM_DADO_AQUI');
objetoMesmo = JSON.parse(objetoEmFormatoDeString);

Como remover os dados?

localStorage.removeItem('UM_DADO_AQUI');

Gostou do post? comenta ai se isso ajudou você