Capa do Ebook gratuito Como utilizar o Javascript no desenvolvimento de sites web

Como utilizar o Javascript no desenvolvimento de sites web

4.5

(4)

37 páginas

Armazenamento de dados com o LocalStorage em Javascript

Capítulo 15

Tempo estimado de leitura: 2 minutos

Audio Icon

Ouça em áudio

0:00 / 0:00

O Javascript é uma das linguagens de programação mais utilizadas no desenvolvimento de sites web. Uma das funcionalidades que pode ser utilizada é o armazenamento de dados com o LocalStorage.

O LocalStorage é uma API (Application Programming Interface) que permite armazenar dados no navegador do usuário. Esses dados ficam disponíveis mesmo após o fechamento do navegador ou a reinicialização do computador.

Para utilizar o LocalStorage em Javascript, é necessário utilizar os métodos setItem() e getItem(). O método setItem() é utilizado para armazenar um valor no LocalStorage. Ele recebe dois parâmetros: o nome da chave e o valor que será armazenado.

Por exemplo, para armazenar o valor "João" na chave "nome", o código seria:

localStorage.setItem("nome", "João");

Para recuperar o valor armazenado, utiliza-se o método getItem(), que recebe como parâmetro o nome da chave.

Continue em nosso aplicativo

Você poderá ouvir o audiobook com a tela desligada, ganhar gratuitamente o certificado deste curso e ainda ter acesso a outros 5.000 cursos online gratuitos.

ou continue lendo abaixo...
Download App

Baixar o aplicativo

var nome = localStorage.getItem("nome");

Além disso, é possível utilizar o método removeItem() para remover um item do LocalStorage e o método clear() para limpar todos os itens armazenados.

É importante lembrar que o LocalStorage tem um limite de armazenamento de cerca de 5 a 10 MB, dependendo do navegador utilizado. Por isso, é recomendável utilizar o LocalStorage para armazenar pequenas quantidades de dados, como configurações de usuário e preferências.

Em resumo, o armazenamento de dados com o LocalStorage em Javascript é uma funcionalidade útil para o desenvolvimento de sites web. Com ela, é possível armazenar dados no navegador do usuário de forma persistente e acessá-los posteriormente. É importante utilizar o LocalStorage com cuidado, respeitando seus limites de armazenamento e evitando armazenar informações sensíveis.

Agora responda o exercício sobre o conteúdo:

_Qual é a finalidade do LocalStorage em Javascript?

Você acertou! Parabéns, agora siga para a próxima página

Você errou! Tente novamente.

LocalStorage permite armazenar dados no navegador do usuário de forma persistente, mesmo após o navegador ser fechado ou o computador reiniciado.

Próximo capitúlo

Desenvolvimento de jogos em Javascript

Arrow Right Icon
Baixe o app para ganhar Certificação grátis e ouvir os cursos em background, mesmo com a tela desligada.