Verificar e limpar Dados armazenados localmente com HTML5

Com HTML5, você pode escrever até 5MB de dados para um especial localStorage

arquivo de banco de dados no computador cliente. Todas as páginas que vêm de seu domínio compartilham a mesma área de armazenamento, assim você pode usar esse mecanismo para manter os dados persistentes entre várias páginas. Os dados também permanece na máquina do cliente (até que você removê-lo), por isso pode ser usado para manter o controle de informações ao longo do tempo.

Verificando os dados

Às vezes, você vai querer passar por todos os dados no banco de dados. Isso é realmente muito fácil de fazer com o comprimento propriedade eo chaves() método. Confira este exemplo:

 função viewData () {// mostra toda a chave / valor pairsfor (i = 0- i lt; localStorage.length- i ++) {-alert key = localStorage.key (i) -valor = localStorage.getItem (chave) (tecla + ":" + valor) -} // fim do loop} // fim viewData

O processo envolve a criação de um para loop para percorrer todos os pares de chave / valor:

1. Construir um paraloop para percorrer os dados.

   Use o localStorage.length propriedade para determinar quantas vezes você precisa para percorrer o loop.

2. Encontrar a próxima chave. Use o contador de loop (neste caso, Eu) Para obter a próxima chave com localStorage.key (i).

   Note que a ordem das chaves não será previsível.

3. Recuperar o valor associado a essa tecla.

   Use o padrão localStorage.getItem () método com a chave que você acabou recuperado.

4. Use a chave e valor.

   Neste ponto, você tem uma variável chamada chave contendo a chave atual, e outra chamada valor contendo o valor associado a essa tecla. Você pode então imprimir os dados para a página ou fazer qualquer outra coisa que quiser com ele.

Limpar a dados

É possível (e fácil) para limpar qualquer ou todos os dados no armazenamento local. Use o locaStorage.clear () método para limpar todos os dados associados com o seu site, ou o localStorage.removeItem (key) método para remover um par chave / valor particular:

 função clearValues ​​() {alert ( "clearing" + Nome + "a partir do banco de dados ...") - localStorage.removeItem ( "nome") - localStorage.removeItem ( "contagem") - // para limpar todos os valores de uma só vez, você pode usar este: //localStorage.clear () - // limpar displaylblCounter = document.getElementById ( "lblCounter") - lblCounter.innerHTML = "você esteve aqui 0 vezes" -}