1

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

#Programação para Internet #JavaScript
Luiz Togni
Luiz Togni

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ê

3
19

Comentários (3)

1
⚡Eros Lima

⚡Eros Lima

25/03/2021 11:31

Parece muito resumido demorei uma semana para aprender, top o "resumão" vlw em Luiz!


Seja do meu grupo de JavaScript e afins, muito ninja essa eu tenho um vídeo explicando isso mas ainda não sei como bombar o canal, mas logo aprendo!


Estou participando do Hackathon Smiles, tenta você também vai te ajudar muito.



  • Ótimo indicação Diogo Melo, vou pesquisar também, thanks me add!


https://www.linkedin.com/in/%E2%9A%A1%EF%B8%8Feros-m-lima-57a405198/


Discord 2021

Ghost_H4sh#8690

website8creator@gmail.com

2
Débora Ezequiel

Débora Ezequiel

25/03/2021 10:30

Muito bom, Luiz!

Uns dias atrás estava querendo saber como fazer isso. Obrigada pelo post :)

2
Diogo Melo

Diogo Melo

25/03/2021 11:09

Luiz, parabéns pelo artigo.

Ficou bastante prático!


Uma dica sobre o localStorage: ele tem limitações de armazenamento nos diferentes navegadores e sistemas operacionais. Dependendo do que for armazenar e em qual ambiente, pode ser um tiro no pé.


Meu conselho: analise, caso ainda não conheça, o IndexedDB. É mais robusto e tão prático quanto o localStorage, mas sem as limitações.


Boa sorte!

Desenvolvedor ReactJS & NodeJs | Code is ❤️

Brasil