JavaScript中localStorage对象存储方式实例分析

 更新时间:2017年01月12日 14:10:14   作者:lx_3278@126  
这篇文章主要介绍了JavaScript中localStorage对象存储方式,结合实例形式分析了localStorage对象存储数据的原理及操作技巧,需要的朋友可以参考下

本文实例讲述了JavaScript中localStorage对象存储方式。分享给大家供大家参考,具体如下:

[Local storage limitations]文章中提及JavaScript里的local storge的限制,例子中在localStorage里存储了一个bool型的数据,但是却没有像我们期待的一样进行存储。

当我们存储布尔型,数值型,字符串型时,localStorage对象会将我们存储的数据默认转为字符串字面量。

localStorage[0] = false;// "false"
localStorage[1] = 1200;// "1200"
localStorage[2] = "wtf";// "wtf"

以上似乎没有什么,仅仅是布尔型的数据失效了。那么如果我们将存储的数据变为其他类型呢?比如数组,字面量对象,Object等。

var obj=new Object();
obj.name="obj";
obj.type="obj";
localStorage[3] = ["160","170","180"];// "160,170,180"
localStorage[4] = {"id":"0001","name":"lee"};// "[object Object]"
localStorage[5] = obj;// "[object Object]"

这里的Object对象却被转存成了类型字符串。所以存储对象等数据时需要使用 JSON.stringify,JSON.parse 先将其转为字符串,然后再尝试还原数据。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • JS实现一个简单的日历

    JS实现一个简单的日历

    本文主要介绍了用js实现一个日历的示例代码并解析其实现原理,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • flexible.js实现移动端rem适配方案

    flexible.js实现移动端rem适配方案

    这篇文章主要介绍了flexible.js实现移动端rem适配方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • 浅析javascript闭包 实例分析

    浅析javascript闭包 实例分析

    闭包是一个拥有许多变量和绑定了这些变量的环境表达式(通常是一个函数),因而这些变量也是环境表达式的一部分。
    2010-12-12
  • 一文详解JavaScript中的URL和URLSearchParams

    一文详解JavaScript中的URL和URLSearchParams

    URL,称为统一资源定位器,指互联网上能找到资源定位的字符串,而URLSearchParams对象是专门用于处理url网址信息中的查询字符串,本文就来带大家深入了解一下二者的使用
    2023-05-05
  • JS作用域闭包、预解释和this关键字综合实例解析

    JS作用域闭包、预解释和this关键字综合实例解析

    这篇文章主要介绍了JS作用域闭包、预解释和this关键字,结合实例形式分析了javascript作用域闭包、预解释和this关键字在具体使用过程中的操作技巧与注意事项,需要的朋友可以参考下
    2016-12-12
  • JavaScript中的

    JavaScript中的"=、==、==="区别讲解

    今天小编就为大家分享一篇关于JavaScript中的"=、==、==="区别讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • JavaScript实现省市县三级级联特效

    JavaScript实现省市县三级级联特效

    这篇文章主要为大家详细介绍了JavaScript实现省市县三级级联特效,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • js瀑布流布局的实现

    js瀑布流布局的实现

    这篇文章主要为大家详细介绍了js瀑布流布局的实现,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • JavaScript实现旋转木马轮播图

    JavaScript实现旋转木马轮播图

    这篇文章主要为大家详细介绍了JavaScript实现旋转木马轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • JS中Attr的用法详解

    JS中Attr的用法详解

    本文通过实例代码给大家介绍了js中的attr的用法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-10-10

最新评论