设置localStorage的值为Boolean类型时遇到的小问题

最新推荐文章于 2024-05-21 10:22:22 发布
转载 最新推荐文章于 2024-05-21 10:22:22 发布 · 525 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/mefelixwang/p/8056991.html

在修改旧项目代码时，发现localStorage存取类型不一致的问题。原本存储的Boolean类型在取出时变为String，耗费大量时间排查。记录此坑，提醒开发者注意类型转换。

这两天在改之前项目的代码时遇到一个问题，之前的项目中写入了一条配置localStorage.setItem("IsUser",false)，本意是想说明不是用户，即false为Boolean类型，但实际上在取出使用时发现，这个false会是一个String类型，坑了我将近1小时去找bug。现记录一下，希望对大家有帮助！

 

转载于:https://www.cnblogs.com/mefelixwang/p/8056991.html

SS0000002
关注
微信小程序从入门到精通（二） 小程序的能力
小灯光环
01-24 9332
前言 上一篇blog介绍了小程序的一些基础概念和代码构成以及主要的几个文件类型（ 微信小程序从入门到精通（一） 基础知识与代码构成），那么本篇blog就继续围绕官方的简易教程以及QuickStart项目来继续研究一下小程序如何工作。 小程序能力 上次我们具体了解小程序的代码构成以及四个重要的文件类型（wxml、wxss、js和app.json），那么接下来就看看小程序的整体工作运行流程，
TypeScript + vue3.0项目实战中遇到的问题及解决方案
BMG-Princess
07-20 6324
系列文章目录 TypeScript介绍 ts中的数据类型 1.为 ref() 标志类型 2.为 reactive() 标注类型 3.为事件处理器标注类型 typescript 特点 TS的局限 什么时候用泛型 类型定义在哪？ vue3中使用TypeScript 前提 问题 1.需要说明类型 2.引用报错 3.(0 , import_vite.transformWithEsbuild) is not a function 4.ts报错类型“string | null”的参数..................
web使用本地存储遇到的坑localStorage.setItem
axiaochongzhi的博客
05-21 318
看了好久都没看出来是哪里的问题，第二天在打断点突然就茅塞顿开了，虽然问题不大，但真的搞心态。使用本地存储遇到的坑，存进去是lean类型，取出来是字符串。
使用localstorage存储Boolean值的问题及解决
m0_45059466的博客
01-01 4036
使用localstorage存储Boolean值的问题及解决 1.前言(个人记录，可跳过) 最近使用vue写前端，需要实现点击切换显示内容，我选择了一个Boolean变量来控制内容的变换，为了记录用户的使用习惯，使用了localstorage来存储此变量到本地以供下次设置网页内容显示。 2.出现的问题及对应的解决 2.1从localstorage取出来的值是字符串 解决：类型转换 //示例 this.ascii=Boolean(localStorage.getItem('ascii')); 2.2存入的B
localStorage存储bool值，读取之后变字符串类型
qq_44441669的博客
01-22 3119
今天遇到一个问题，其他的页面查询接口返回的一个参数，bool值，用来判断当前用户是否能购买特定商品，最开始想到的是，吧其他的页面接口返回的数据放到本地存储中去，在另外一个页面拿出来进行判断，决定前端是否能够购买的交互逻辑。 在存储好之后，在读取的时候，发现了bool变成了字符串类型，所以使用 if(localStorage.getItem('isTrue')){ } 这种方法判断，从本地存储读取出来的数据是字符串类型的 true/false，所以，不论true/false都是true ,显然不能用这种方
localStorage.setItem()使用
热门推荐
weixin_41997724的博客
11-27 13万+
什么是localStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 localStorage的优势 1、localStorage拓展...
vue3 ts localstorage
03-21
不过，在TypeScript中直接使用可能会遇到类型问题，比如存储的数据需要序列化和反序列化。用户可能希望有一个类型安全的方法，避免直接操作字符串带来的错误。 接下来，考虑如何在Vue3组件中封装这些操作。可能需要...
个人遇到的一些前端面试题
02-18
3. JavaScript数据类型：在前端面试中，面试官可能会问到关于JavaScript的数据类型，包括原始数据类型（如Undefined、Null、Boolean、Number、String）和引用数据类型（如Object、Array、Function）。理解这些类型的...
“AxiosRequestConfig”是一种类型，必须在启用 "verbatimModuleSyntax" 时使用仅类型导入进行导入。
最新发布
07-02
我们遇到了一个TypeScript的编译错误：当启用`verbatimModuleSyntax`选项时，必须使用仅类型导入（import type）来导入类型。具体到这个问题，我们在导入`AxiosRequestConfig`时，需要将其作为类型导入，使用`import...
localstorage存储布尔值的一次坑
wuyundong123的博客
11-12 4382
问题描述 最近工作中使用localstorage存贮一些共享的变量，结果在存贮布尔值的时候遇到了很多问题； 一般情况下，存取如下： localstorage.setItem('key', value);//存 localstorage.getItem('key');//取 但是在存储布尔型数据时，由于localstorage中存储的boolean数据都变成了字符串,故"true"=tru...
ts版操作localStorage和sessionStorage工具
执着的博客
12-28 4882
ts版localStorage和sessionStorage工具 interface StorageInterface { //设置localStorage set?: (key?: string, value?: any) => void, //获取localStorage,会自动转json get?: (key?: string) => string | object, //是否含有key has?: (key?: string) => Boolean, /
js使用本地缓存localstorage保存Boolean类型值采坑
qq_15620441的博客
09-01 1911
javascript本地缓存localstorage保存Boolean类型值需要注意的问题： 在使用vue框架搭建单页面应用时，肯定会遇到状态管理方面的问题，一种方案是使用全局变量挂载在全局vue实例上，另一种方案就是使用集成状态管理方案vuex,有些情况下需要我们使用缓存(localStorage、sesstionStorage)和vuex配合使用来管理状态，比如我们我遇到的一个场景，一个后台管理平台左侧菜单的展开状态，要求刷新页面后也要保持状态不变，这个状态值我们就用vuex和local...
localStorage.setItem存起来的数据类型都是字符串string
肖肖肖丽珠的博客
03-27 5524
今天使用localStorage.setItem存值的时候发现。我存的是个boolean值但是最后获取的时候判断了一下类型竟然是string类型的。 难怪我页面上判断localStorage.getItem("aaa")==true一直是false。原来是存起来的数据都会变成字符串的类型 最后把localStorage.getItem("aaa")=='true' 结果就是true。 ...
localstorage存储boolean类型值小坑
梧桐芊羽的博客
09-13 4666
今天使用localstorage存储boolean数据时，发现怎么弄页面上数据显示就是有问题。 后面才发现，在localstorage中存储的boolean数据都变成了字符串了，才导致的。 所以"true"=true及"false"==false,“true”==false显示都为false。 ...
boolean值在本地的存储
mm22656676的专栏
10-24 1024
获取到本地存储的Boolean值后，在页面和控制台都能正常显示出来，可用该值做响应的处理，总是只能得到为true的结果
sessionStorage存数据，存得是字符串类型数据
sky_LQ的博客
03-13 3841
1、存数据 sessionStorage.setItem('isVolvo', resp.payload.isVolvo) 2、取数据 let getDatas = sessionStorage.getItem('isVolvo') //console.log(typeOf getDatas) String(字符串类型) ...
localStorage.getItem判断值为true和false时，失效问题
m0_47265814的博客
08-15 1918
由于localstroage存储时会把存入的数据变成字符串，所以if判断的时候要额外注意，同理字符数据 localStorage.getItem("REM_NAME")==="false"
localStorage对JSON对象类型需要转换
xiaoxiaoxiao_lu的博客
05-20 3256
localStorage对JSON对象类型需要转换  localStorage.setItem()正确存储JSON对象方法是：存储前先用JSON.string
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值