js中localStorage存储数据的格式

最新推荐文章于 2024-04-27 06:46:18 发布
最新推荐文章于 2024-04-27 06:46:18 发布
阅读量461 收藏
点赞数 1
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44029226/article/details/119737423
版权

localStorage JavaScript 前端开发 数据存储 字符串类型
关键词由CSDN通过智能技术生成

js中localStorage存储数据的格式

我们在平时开发的时候，难免会遇到使用本地存储，比如记住账号密码啊之类的，这个时候，我们就要清楚，本地存储的数据的数据类型都是字符串类型，这一点大家要清楚。

在这里插入图片描述

在这里插入图片描述

这里控制台打印的是string字符串类型。
然后呢关于本地存储的几个方法

存储：

在这里插入图片描述
（）里面第一个参数是key，第二个参数是value。

取出：

在这里插入图片描述
（）里面只能传一个参数，那就是key值，然后返回的是指定key的value值

删除：

在这里插入图片描述
（）里面只能传一个参数，那就是key值，删除目标key和其对应的value值

茂茂睡不醒
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript使用localStorage存储数据
10-16
主要为大家详细介绍了JavaScript使用localStorage存储数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JS实现记住用户密码
jakelihua
12-06 2558
本文讲解如何使用JS实现我们常见的记住密码的功能。
localStorage存储数据的格式
haozi的博客
04-25 7979
1. localStorage 是以字符串的形式来存储的 //存：转为字符串 let obj = {"name":"Lee","age":"20"} localStorage.setItem("user",JSON.stringify(obj)); //取：转换成对象 let user = JSON.parse(localStorage.getItem("user")...
js 实现记住密码功能
最新发布
小二丶的博客
04-27 1153
这么多资源 给个赞 关注一下
js实现记住密码
weixin_50629071的博客
06-09 1957
js简单实现记住密码
纯js实现记住密码
qq_41675930的博客
12-30 618
如何实现纯js实现记住密码
前端JS通过Cookie实现记住密码
Domain_2022的博客
01-11 1418
【代码】前端JS通过Cookie实现记住密码。
Vue使用localStorage存储数据的方法
12-11
在前端开发中，Vue.js 是一个非常流行的轻量级JavaScript框架，它提供了高效的数据绑定和组件化功能。在实际应用中，我们常常需要在用户浏览器端存储数据，以实现页面刷新后数据的持久化。`localStorage`是Web ...
JavaScript中localStorage对象存储方式实例分析
10-20
主要介绍了JavaScript中localStorage对象存储方式,结合实例形式分析了localStorage对象存储数据的原理及操作技巧,需要的朋友可以参考下
JavaScript操作cookie实现记住用户名密码功能（一）
hsx18787462705的博客
09-15 4043
JavaScript操作cookie实现记住用户名密码功能（一） 由来简述 最近一段时间在使用springboot编写一个简单的小系统，但是写到登录注册时，突然想给登录加上一点小功能，但是写的时候有点模糊，然后向w3school求助了一下，之后自己有在那基础上有一些改动，达到了一个很好的样例，如果觉得好的给个关注，给个赞。 参考链接：https://www.w3school.com.cn/js/js_cookies.asp 主要实现了如下的一些功能： 1、页面加载完检测是否有cookie，有的话，把co
Window.localStorage存储的数值类型
王红珠的博客
05-09 2689
1.示例语法 1.存储 localStorage.setItem('myCat', 'Tom'); 2.读取 let cat = localStorage.getItem('myCat') 3.移除某项 localStorage.removeItem('myCat'); 4.移除所有 // 移除所有 localStorage.clear(); 2.localStorage与sessionStorage 相同点：存储的数据将保存在浏览器会话中 不同点：存储在 localStorage 的数据可以长期保
利用js实现的记住密码功能
08-22
利用js开发的记住密码功能，将用户输入存在浏览器的cookie中，经测试，在ie，ff和chrome均可用
js实现记住账号密码功能
08-06
js实现记住账号密码功能，实现不了随便喷
注意：localStorage存储数据的格式都是以字符串的
liuyuinsdu的专栏
03-11 1449
注意注意注意！！！ localStorage存储数据的格式都是以字符串的形式来存储的， 存储数组对象的方式就是将数组对象转为字符串，在读取的时候再将字符串转成数组对象 操作的方式： 存： var obj = {"name":"xiaoming","age":"16"} localStorage.setItem("userInfo",JSON.stringify(obj)); 取： var user = JSON.parse(localStorage.getItem("userIn...
localStorage中数据的存储格式
qq_44718039的博客
11-16 477
localStorage中的数据的存储格式
本地存储方法之localStorage存储的使用
SuBaijiu的博客
11-27 3664
本地存储方法之localStorage存储的使用
localStorage存储方式的使用与总结
qq_42250284的博客
09-12 1432
1、定义 在html5中，新加入了localStorage特性，这个特性主要用作本地存储，解决了cookie存储空间不足的问题，localStorage中一般浏览器支持的是5M大小，在不同的浏览器中会有所不同 2、浏览器支持 3、localStorage的优势与局限 优势： 1、localStorage拓展了cookie的4K限制 2、localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库，相比于cookie可以节约带宽，但是这个却是只有在高版本的浏
js 记住用户名和密码案例
yang68668的博客
11-23 1169
<body> 用户名: <input type="text" id="userName"> <br> 密 码 : <input type="password" id="paw"> 记住用户名和密码 <input id="remember" type="checkbox"> <script> /* 获取元素 */ const userName = documen.
react localstorage存储数据
11-09
React中可以使用localStorage来存储数据。localStorage是HTML5提供的一种在客户端存储数据的新方法，它可以将数据存储在浏览器中，即使用户关闭了浏览器，数据也不会丢失。在React中，可以使用localStorage来存储用户信息、应用程序配置等数据。 为了方便管理localStorage，可以使用第三方库store.js。store.js是一个轻量级的JavaScript库，可以在浏览器中使用localStorage、sessionStorage和cookie来存储数据。使用store.js可以简化localStorage的使用，提高代码的可读性和可维护性。 在React中，可以将store.js封装成一个工具模块，用于管理localStorage中的数据。具体实现可以参考上面提供的引用中的storageUtils.js文件。在需要存储数据的地方，可以调用storageUtils.js中的saveUser方法来存储数据。在需要获取数据的地方，可以调用storageUtils.js中的getUser方法来获取数据。如果需要删除数据，可以调用storageUtils.js中的removeUser方法来删除数据。 另外，如果需要在内存中存储数据，可以使用memoryUtils.js文件。具体实现可以参考上面提供的引用中的memoryUtils.js文件。在需要存储数据的地方，可以将数据存储在memoryUtils.js中定义的变量中。在需要获取数据的地方，可以直接从memoryUtils.js中定义的变量中获取数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

茂茂睡不醒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值