html5本地存储localStorage 存储json对象存储格式问题

谁借莪１个温暖的怀抱￠ 2022-06-11 00:08 386阅读 0赞

html5本地存储localStorage 存储json对象存储格式问题  
localStorage.setItem(att)会自动将att存储成字符串形式，如：

var arr = [1,2,3];
    localStorage.setItem("temp", arr);
    typeof localStorage.getItem("temp"); // "string"
    localStorage.getItem("temp"); //"1,2,3"

但值得注意的是，localStorage.setItem()却不会自动将Json对象转成字符串形式，如：

var obj = {
       "a": 1,"b": 2};
    localStorage.setItem("temp2", obj);
    typeof localStorage.getItem("temp2"); // "string"
    localStorage.getItem("temp2"); // "[object Object]"

用localStorage.setItem()正确存储json对象方法是：存储前先用JSON.stringify()方法将json对象转换成字符串形式，如：

var obj = {
       "a": 1,"b": 2};
    obj = JSON.stringify(obj);
    localStorage.setItem("temp2", obj);
    typeof localStorage.getItem("temp2"); // "string"
    localStorage.getItem("temp2"); // "{"a":1,"b":2}"

后续要操作该json对象，自然得将之前存储的json字符串先转成json对象再进行操作，如：

obj = JSON.parse(localStorage.getItem("temp2")); //Object {a: 1, b: 2}

操作完，存储信息前，记得再转换下格式：obj=JSON.stringify(obj);

另外：localStorage.getItem(att),若att未定义该语句会返回null值，而不是undefined

发表评论取消回复

表情：

评论列表（有 0 条评论，386人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5本地存储localStorage，sessionStorage

HTML5新特性，用于本地存储， localStorage：不删除会一直存在斯基 sessionStorage：浏览器关掉，就跪了 / H5:数据存储

﹏ヽ暗。殇╰゛Y/ 2023年10月06日 09:11/ 0 赞/ 23 阅读

相关 html5本地存储Localstorage属性

HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的。并且在IE8以上的IE版本才支持localStorage这个属性。

- 日理万妓/ 2022年11月25日 11:55/ 0 赞/ 338 阅读

相关 vue（HTML5本地存储：localStorage）

localStorage.setItem('studentName',res.data.name);//写入localStorage数据 this.studen

朴灿烈づ我的快乐病毒、/ 2022年10月02日 04:51/ 0 赞/ 228 阅读

相关 HTML5本地存储Localstorage

转自 [点击打开链接][Link 1] ———————————————— [HTML5本地存储Localstorage][Link 1] 什么是locals

谁践踏了优雅/ 2022年08月21日 02:28/ 0 赞/ 275 阅读

相关 HTML5 LocalStorage 本地存储

http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html 说到本地存储，这玩意真是历尽千辛万

布满荆棘的人生/ 2022年08月06日 06:25/ 0 赞/ 198 阅读

相关 HTML5 LocalStorage 本地存储

HTML5 LocalStorage 本地存储,，说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示： ![2011052411382

Bertha 。/ 2022年07月24日 04:29/ 0 赞/ 221 阅读

相关 localStorage存储json对象

看这篇文章，建议看我上面的一篇文章 [html5中的web存储功能][html5_web]：http://blog.csdn.net/m0\_37568521/article

小咪咪/ 2022年06月12日 04:43/ 0 赞/ 220 阅读

相关 html5本地存储localStorage 存储json对象存储格式问题

html5本地存储localStorage 存储json对象存储格式问题 localStorage.setItem(att)会自动将att存储成字符串形式，如：

谁借莪１个温暖的怀抱￠/ 2022年06月11日 00:08/ 0 赞/ 387 阅读

相关 LocalStorage存储JSON对象的问题

1、localStorage - 没有时间限制的数据存储 var arr=[1,2,3]; localStorage.setItem("temp",arr)

ゝ一世哀愁。/ 2022年06月10日 22:25/ 0 赞/ 528 阅读

相关 HTML5 LocalStorage 本地存储

HTML5 LocalStorage 本地存储说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示： ![201105

缺乏、安全感/ 2021年09月19日 02:58/ 0 赞/ 490 阅读