LocalStorage存储JSON对象的问题-白红宇

LocalStorage存储JSON对象的问题

阅读量：5942 次

发布时间：2019-06-19

本文共 1046 字，大约阅读时间需要 3 分钟。

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

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

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

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

用localStorage.setItem()正确存储JSON对象方法是：

存储前先用JSON.stringify()方法将json对象转换成字符串形式

JSON.stringify() 方法可以将任意的 JavaScript 值序列化成 JSON 字符串

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

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

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

以下是注册模块的部分代码使用angularJS框架编写获取的数据使用LocalStorage存储

1  2     
      3     
      4     
     
       5         用 户 名: 
      
      
 6         密  码: 
      
      
 7         确认密码: 
      
      
 8         
       9         
      {
   {message}}10     
     
11 12