美文网首页
LocalStorage存储JSON对象的问题

LocalStorage存储JSON对象的问题

作者: 读书的鱼 | 来源:发表于2018-04-27 13:43 被阅读0次

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

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

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

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

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

    存储前先用JSON.stringify()方法将json对象转换成字符串形式
    JSON.stringify() 方法可以将任意的 JavaScript 值序列化成 JSON 字符串

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

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

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

    相关文章

      网友评论

          本文标题:LocalStorage存储JSON对象的问题

          本文链接:https://www.haomeiwen.com/subject/iamblftx.html