LocalStorage存储JSON对象的问题

ゝ一世哀愁。 2022-06-10 22:25 491阅读 0赞

**1、localStorage - 没有时间限制的数据存储**

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

**2、localStorage.setItem() 不会自动将Json对象转成字符串形式**

var obj = {"a": 1,"b": 2};
     typeof localStorage.getItem("temp2");//也会返回String
     localStorage.setItem("temp2", obj);//但是返回[object Object]

**3、用localStorage.setItem()正确存储JSON对象方法是：**  
**存储前先用JSON.stringify()方法将json对象转换成字符串形式**  
**JSON.stringify() 方法可以将任意的 JavaScript 值序列化成 JSON 字符串**

var obj = {"a": 1,"b": 2};
     obj = JSON.stringify(obj); //转化为JSON字符串
     localStorage.setItem("temp2", obj);//返回{"a":1,"b":2}

**4、后续要操作该JSON对象，要将之前存储的JSON字符串先转成JSON对象再进行操作**

obj=JSON.parse(localStorage.getItem("temp2"));

**5、js部分**

<script>
    	 var obj = {"name": 'jack',"passWord": 'hishsishi'};
    	 obj = JSON.stringify(obj); //转化为JSON字符串
    	 localStorage.setItem("temp2", obj);//返回{"name": 'jack',"passWord": 'hishsishi'}
    
    	 var myObj=JSON.parse(localStorage.getItem("temp2"));
    	 console.log(myObj)//返回{"name": 'jack',"passWord": 'hishsishi'}
    	 console.log(myObj.name)//返回jack
    </script>

发表评论取消回复

表情：

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

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

相关阅读

相关解决json存储对象有转义的问题二---直接存储对象字节码

在Jedis开发中，我们很多时候希望直接把一个对象放到Redis中，然后在需要的时候取出来。Redis的key和value都支持二进制安全的字符串，存储Java对象不是问题，下

叁歲伎倆/ 2023年02月10日 05:29/ 0 赞/ 135 阅读

相关 Web存储—localStorage存储

Web存储—localStorage存储一、 localStorage存储特点：特点：本地存储数据的不需要网络、大小5M 、域内安全、永久存储、只要不删除，就一

布满荆棘的人生/ 2022年09月07日 05:49/ 0 赞/ 200 阅读

相关 jquery localStorage存储json数据

jquery存储内容的时候,存的是字符串,如果直接存储对象,那么在获取的时候,只能获取到object. 因此在存储之前需要把json数据转换成字符串进行存储,在取数据的时候

末蓝、/ 2022年08月28日 03:59/ 0 赞/ 559 阅读

相关 localStorage存储json对象

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

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

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

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

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

相关 LocalStorage存储JSON对象的问题

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

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

相关 localStorage中存储对象数组

首先，localStorage中只能存储字符串所以，存储对象数组，必须先转成字符串再存储 localStorage.pList=JSON.stringify([]

喜欢ヅ旅行/ 2022年05月31日 11:37/ 0 赞/ 241 阅读

相关 js localStorage本地存储json对象并追加数据

记录一下 localStorage的更过相关知识可以去：[http://www.w3school.com.cn/html5/html\_5\_webstorage.asp]

梦里梦外;/ 2022年04月18日 03:57/ 0 赞/ 529 阅读

相关前端：使用sessionStorage、localStorage存储数组与对象。

先介绍一下localStorage localStorage对象是HTML5的客户端存储持久化数据的方案。为了能访问到同一个localStorage对象，页面必须来自同一个域

灰太狼/ 2021年10月23日 14:22/ 0 赞/ 466 阅读

相关 sessionStorage 存储json对象

例子： data = [{ "id": "1", "staffCode": "xf12121", "staffName

Myth丶恋晨/ 2021年10月08日 06:24/ 0 赞/ 296 阅读