localstorage存储boolean类型值小坑

最新推荐文章于 2025-11-07 15:37:14 发布
原创 最新推荐文章于 2025-11-07 15:37:14 发布 · 4.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

探讨了在使用LocalStorage存储布尔型数据时遇到的问题，由于LocalStorage只支持字符串类型，导致true和false被存储为true和false，进而影响数据读取和比较。文章强调了在处理布尔型数据时进行正确类型转换的重要性。

今天使用localstorage存储boolean数据时，发现怎么弄页面上数据显示就是有问题。
后面才发现，在localstorage中存储的boolean数据都变成了字符串了，才导致的。
所以"true"=true及"false"==false,“true”==false显示都为false。

微信小程序快速上手
Web-BUG记录坎坷路
06-20 1049
微信小程序快速上手开发手册
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
热门推荐
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
localStorage储存Boolean类型时出现的问题
山谷里的杂货铺
11-29 412
页面首次进入能取到Boolean类型，当刷新页面之后，取不到Boolean类型 解决办法，我们可以在存boolean类型时转换为字符串类型 store.commit('account/setSecretary',res.data.ifSecretary ? 'true' : 'false') ...
localStroge 存储布尔值的问题
大脸猫~
08-19 5977
localStroge 存储布尔值在使用的u欧城中遇到了很多问题，后来才发现，存进去的布尔值，取出来全变成了字符串。。。。。。。 自然在使用的时候出现了一堆bug 事实上，不止是布尔值，其他类型的值也全变成字符串类型 localStroge注意事项 在项目中，我们就是要使用布尔值怎么办，我们要将得到的数据进行处理。 两种情况，通常布尔值我们会存储true和false，这样我们得到的就是“...
SessionStorage如何存储数据
最新发布
得塔云的博客
11-07 772
SessionStorage是浏览器提供的临时会话存储方案，适用于表单暂存、页面状态同步等场景。其特点包括：数据仅在当前标签页有效（关闭即清除）、5MB存储容量、严格同源策略。通过setItem/getItem等方法实现数据存取，需注意JSON序列化和容量监控。相比LocalStorage和Cookies，SessionStorage更适合短期数据存储，但不支持跨标签页共享。实际使用中需处理存储空间不足、敏感数据加密等问题。随着Web技术发展，SessionStorage正朝着智能存储、量子安全等方向演进，
使用localstorage存储Boolean值的问题及解决
m0_45059466的博客
01-01 4046
使用localstorage存储Boolean值的问题及解决 1.前言(个人记录，可跳过) 最近使用vue写前端，需要实现点击切换显示内容，我选择了一个Boolean变量来控制内容的变换，为了记录用户的使用习惯，使用了localstorage来存储此变量到本地以供下次设置网页内容显示。 2.出现的问题及对应的解决 2.1从localstorage取出来的值是字符串 解决：类型转换 //示例 this.ascii=Boolean(localStorage.getItem('ascii')); 2.2存入的B
如何解决localStorage会将存储的数据，自动转换为string类型的问题
qq_52526079的博客
11-20 282
【代码】如何解决localStorage会将存储的数据，自动转换为string类型的问题。
localStorage存储bool值，读取之后变字符串类型
qq_44441669的博客
01-22 3126
今天遇到一个问题，其他的页面查询接口返回的一个参数，bool值，用来判断当前用户是否能购买特定商品，最开始想到的是，吧其他的页面接口返回的数据放到本地存储中去，在另外一个页面拿出来进行判断，决定前端是否能够购买的交互逻辑。 在存储好之后，在读取的时候，发现了bool变成了字符串类型，所以使用 if(localStorage.getItem('isTrue')){ } 这种方法判断，从本地存储读取出来的数据是字符串类型的 true/false，所以，不论true/false都是true ,显然不能用这种方
全栈开发实战系列（二）：用户认证与权限管理的那些坑
m0_75220683的博客
06-24 608
从Session转向JWT，详细介绍了JWT的实现细节（包括token存储位置、过期处理等），并总结了密码加密、权限设计等关键点。针对常见问题提供具体解决方案，如自动刷新token、简化权限系统到admin/user两种角色、使用bcrypt加密密码等。还涵盖了前端状态管理、安全防护措施（输入验证、错误信息处理、限流）等实用技巧。文中特别强调了开发过程中踩过的坑及对应优化方案，为小型项目提供了既安全又实用的认证系统实现思路
JS刷题/前端面试时踩的坑/附前端面经
weixin_43200099的博客
08-15 683
JS的全局变量问题 在刷题的时候我们尽量用let const的语法，遇到新的变量时也千万别忘了加。 不然很可能定义成全局变量了，然后因为作用域的原因值就不对，特别是遇到什么递归啊回溯啊啥的… 数据、对象的一个遍历问题 关于for…in 、for…of const obj = { 'abc': ['kk', 'bb'], 'def': ['mm'], 'ghi': ['jj', 'kk'] } for (let i in obj) { console.log(i);//abc de
第十五届蓝桥杯（Web 应用开发）模拟赛 3 期-大学组（被题目描述坑惨了）
m0_64642443的博客
03-13 3725
这次的模拟题是真的狠，后面的四道题难度简直是咔咔涨 不过真到比赛了，估计也没时间写后面的题目。😢。
js使用本地缓存localstorage保存Boolean类型值采坑
qq_15620441的博客
09-01 1915
javascript本地缓存localstorage保存Boolean类型值需要注意的问题： 在使用vue框架搭建单页面应用时，肯定会遇到状态管理方面的问题，一种方案是使用全局变量挂载在全局vue实例上，另一种方案就是使用集成状态管理方案vuex,有些情况下需要我们使用缓存(localStorage、sesstionStorage)和vuex配合使用来管理状态，比如我们我遇到的一个场景，一个后台管理平台左侧菜单的展开状态，要求刷新页面后也要保持状态不变，这个状态值我们就用vuex和local...
localStorage.setItem存起来的数据类型都是字符串string
肖肖肖丽珠的博客
03-27 5529
今天使用localStorage.setItem存值的时候发现。我存的是个boolean值但是最后获取的时候判断了一下类型竟然是string类型的。 难怪我页面上判断localStorage.getItem("aaa")==true一直是false。原来是存起来的数据都会变成字符串的类型 最后把localStorage.getItem("aaa")=='true' 结果就是true。 ...
关于localStorage的getItem方法获取到的是字符串的问题
weixin_42190844的博客
11-15 4332
今天遇到了一个bug。因为有个地区数据是要存在本地的。但要作判断，如果数据为空的话，要发起请求获取数据。 首先我这里的localStorage.getItem(‘AreaList’)是个空数组。 按我的if逻辑来说， [ ] === null 为false，然后就会去判断后面的[ ].length = 0 这里应该是true，那么就会去执行if下面的代码。问题就出现在这里，代码没用执行到。也就是说明 if 的整个判断是 false、 我就把获取到的数据，看看它的typeof ，打印出来发现是stri.
localstorage存储布尔值的一次坑
wuyundong123的博客
11-12 4397
问题描述 最近工作中使用localstorage存贮一些共享的变量，结果在存贮布尔值的时候遇到了很多问题； 一般情况下，存取如下： localstorage.setItem('key', value);//存 localstorage.getItem('key');//取 但是在存储布尔型数据时，由于localstorage中存储的boolean数据都变成了字符串,故"true"=tru...
Cookie、 LocalStorage 与 SessionStorage区别与用法
Amos的博客
11-16 577
Cookie、 LocalStorage 与 SessionStorage区别与用法 特性 Cookie LocalStorage sessionStorage 生命期 一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效 除非被清除，否则永久保存 仅在当前会话下（同一窗口或标签页）有效，关闭页面或浏览器后被清除 大小 4K左右 一般为5MB...
设置localStorage的值为Boolean类型时遇到的小问题
qq_39969987的博客
07-15 818
设置此值的本意为 FristReg为true，是一个布尔值： localStorage.setItem('FristReg',true); 但是取回来的是一个字符串 let FristReg = localStorage.getItem('FristReg'); console.log('FristReg', typeof this.FristReg) 打印出来的为FristReg，strin...
HTML5 本地存储布尔值
xiaoheliushuiya
09-09 420
在使用HTML5的localStorage存储布尔值变量时，你会发现读取出的值就是true和false，但是false的值却不能被正确识别。可以采用如下方法解决，用JavaScript写一个读取函数即可。 function toBool(input) { if ("false" === input) return false; else retu...
html5 Storage存取的坑
小辣抓
01-29 710
html5 Storage存取的坑 问题 今天因为同事在做一个微信的小程序开发，问了我些关于storage的问题，原来觉得storage挺好用的，对于不必放在数据库里有需要持久化储存的数据可以放在localStorage里，对于一些需要根据session来储存的数据可以储存在sessionStorage，但是在使用storage的时候遇到个很棘手的问题。 Storage的存取格式可能不统
页面刷新localStorage存储的值消失
07-16
然而，在实际开发过程中，如果发现 `localStorage` 中存储的数据在页面刷新后“丢失”，通常是由以下几个原因造成的： ### 1. 数据写入时机不当 当使用类似 React 的状态管理框架时，开发者可能通过 `useEffect` ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值