Trabalhando com Array no LocalStorage
3 participantes
Página 1 de 1
Trabalhando com Array no LocalStorage
Um simples exemplo para mostrar como trabalhar com Arrays, no LocalStorage.
Essa é maneira que eu uso.
até mais.
- Código:
//criando array
var aFrutas = ['banana','maca','pera','uva'];
//salvando array localStorage
localStorage["aFrutas"] = JSON.stringify(aFrutas);
//lendo array da localStorage
var aDataLocal = JSON.parse(localStorage['aFrutas']);
for (var i in aDataLocal){
console.log('Index Data '+i,aDataLocal[i])
}
Essa é maneira que eu uso.
até mais.
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Trabalhando com Array no LocalStorage
Nota 10 amigo, melhor não poderia ser!!!
Excelente snippet, que tal transformar em UPF?
Edit: E no caso de gravar Objetos? Eu sei que tem um plugin semelhante ao localStorage que também grava...
JS
Excelente snippet, que tal transformar em UPF?
Edit: E no caso de gravar Objetos? Eu sei que tem um plugin semelhante ao localStorage que também grava...
JS
Re: Trabalhando com Array no LocalStorage
- Código:
var oUsers = {usuario:'joelson',forum:'punbb',id:'54878548'}
//salvando objeto na localStorage
localStorage["oUsers"] = JSON.stringify(oUsers);
//lendo objeto da localStorage
var ob = JSON.parse(localStorage['oUsers']);
var userName = ob.usuario
console.log('nome do usuario = ',userName)
Eu uso dessa maneira também
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Trabalhando com Array no LocalStorage
Encontrei um site com o seguinte código:
Bem interessante não acha?
Link: http://www.acetous.de/152/localstorage-sessionstorage-arrays-und-objekte-speichern
JS
- Código:
Storage.prototype.setObj = function(key, obj) {
return this.setItem(key, JSON.stringify(obj))
}
Storage.prototype.getObj = function(key) {
return JSON.parse(this.getItem(key))
}
Bem interessante não acha?
Link: http://www.acetous.de/152/localstorage-sessionstorage-arrays-und-objekte-speichern
JS
Re: Trabalhando com Array no LocalStorage
Como pode ver a única diferença é que foi criado um protótipo especifico para a função, é como se a função fosse nativa do navegador, usada para bibliotecas, como a include-once do autoit
veja que a mágica é a mesma usando sempre o JSON.parse e o JSON.stringify
Dependendo de como vai usar o código dá para trabalhar com protótipo, mas em outra ocasiões não, depende muito da situação mesmo.
veja que a mágica é a mesma usando sempre o JSON.parse e o JSON.stringify
Dependendo de como vai usar o código dá para trabalhar com protótipo, mas em outra ocasiões não, depende muito da situação mesmo.
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Trabalhando com Array no LocalStorage
Verdade... Fica como se fosse um parâmetro da função!
Facilita mais pois não precisamos nos preocupar em repetir alguns trechos, mas achei que poderia ter um controle a mais como prevendo se a key existe ou não no .getObj(key)!
JS
Facilita mais pois não precisamos nos preocupar em repetir alguns trechos, mas achei que poderia ter um controle a mais como prevendo se a key existe ou não no .getObj(key)!
JS
Re: Trabalhando com Array no LocalStorage
Uma adição para prever se a key existe
- Código:
Storage.prototype.getObj = function(key) {
var r = JSON.parse(this.getItem(key))
return (r)?r:'this key not exist'
}
localStorage.getObj('@key')//se a key não existir vai retornar this key not exist
joelson0007- Moderadores
- Time Online : 28d 21h 58m 5s
Mensagens : 373
Data de inscrição : 15/06/2013
Localização : Guarapuava-PR
Re: Trabalhando com Array no LocalStorage
Bom, mas eu usaria retornando null, veja:
JS
- Código:
Storage.prototype.getObj = function(key) {
var r = JSON.parse(this.getItem(key))
return (r)?r:null
}
localStorage.getObj('@key')//se a key não existir vai retornar this key not exist
JS
Re: Trabalhando com Array no LocalStorage
"Sonhando com o dia em que vou entender tudo que disseram acima" kkkkk
Mas enfim, o código parece ótimo!
Mas enfim, o código parece ótimo!
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|