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

最新推荐文章于 2024-05-21 10:22:22 发布
最新推荐文章于 2024-05-21 10:22:22 发布
阅读量485 收藏
点赞数
原文链接：http://www.cnblogs.com/mefelixwang/p/8056991.html
版权

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

 

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

SS0000002
关注
使用localstorage存储Boolean值的问题及解决
m0_45059466的博客
01-01 3750
使用localstorage存储Boolean值的问题及解决 1.前言(个人记录，可跳过) 最近使用vue写前端，需要实现点击切换显示内容，我选择了一个Boolean变量来控制内容的变换，为了记录用户的使用习惯，使用了localstorage来存储此变量到本地以供下次设置网页内容显示。 2.出现的问题及对应的解决 2.1从localstorage取出来的值是字符串 解决：类型转换 //示例 this.ascii=Boolean(localStorage.getItem('ascii')); 2.2存入的B
微信小程序从入门到精通（二） 小程序的能力
小灯光环
01-24 9166
前言 上一篇blog介绍了小程序的一些基础概念和代码构成以及主要的几个文件类型（ 微信小程序从入门到精通（一） 基础知识与代码构成），那么本篇blog就继续围绕官方的简易教程以及QuickStart项目来继续研究一下小程序如何工作。 小程序能力 上次我们具体了解小程序的代码构成以及四个重要的文件类型（wxml、wxss、js和app.json），那么接下来就看看小程序的整体工作运行流程，
web使用本地存储遇到的坑localStorage.setItem
axiaochongzhi的博客
05-21 220
看了好久都没看出来是哪里的问题，第二天在打断点突然就茅塞顿开了，虽然问题不大，但真的搞心态。使用本地存储遇到的坑，存进去是lean类型，取出来是字符串。
localStorage.setItem()使用
热门推荐
weixin_41997724的博客
11-27 13万+
什么是localStorage 在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 localStorage的优势 1、localStorage拓展...
localstorage存储布尔值的一次坑
wuyundong123的博客
11-12 3764
问题描述 最近工作中使用localstorage存贮一些共享的变量，结果在存贮布尔值的时候遇到了很多问题； 一般情况下，存取如下： localstorage.setItem('key', value);//存 localstorage.getItem('key');//取 但是在存储布尔型数据时，由于localstorage中存储的boolean数据都变成了字符串,故"true"=tru...
ts版操作localStorage和sessionStorage工具
执着的博客
12-28 4581
ts版localStorage和sessionStorage工具 interface StorageInterface { //设置localStorage set?: (key?: string, value?: any) => void, //获取localStorage,会自动转json get?: (key?: string) => string | object, //是否含有key has?: (key?: string) => Boolean, /
前端存储只会用localStorage？可以试试这个!
weixin_45987381的博客
11-17 286
下面介绍主角： @wzdong/idb ，这是本人基于indexedDB封装实现的，它用起来就像localStorage一样简单。代码已完全开源且发布在npm上，可直接下载调用。
android h5使用缓存_Html5利用AppCache和LocalStorage实现缓存h5页面数据
weixin_39959298的博客
01-13 780
最近在开发的过程中遇到了一个问题，就是在Android上通过WebView加载Html5页面时发现页面加载速度慢，再加上网络速度慢，每次请求需要5s左右的时间，严重影响用户体验，所以查询资料，最终找到一个可以解决加载缓慢的方法，现在介绍给大家：1、使用AppCache机制实现缓存html，css，js文件和一些本地图片，这种缓存方法使用manifest文件进行缓存数据，一般manifest文件默认...
Puppeteer开发过程中遇到的问题及解决方案
m0_54849806的博客
02-21 7268
工欲善其事必先利其器，请先检查本机是否安装NodeJS环境以及查阅API： Google官方文档：https://developers.google.com/web/tools/puppeteer API（v12.0.1）文档：https://pptr.dev/#?product=Puppeteer&version=v12.0.1&show=outline 问题：如何处理各种验证码？ 解决方案：建议大家去搜索对应的解决方案，Puppeteer并无此类解决方案。 问题：某些网站做了JS防爬检测
localStorage.setItem存起来的数据类型都是字符串string
肖肖肖丽珠的博客
03-27 5403
今天使用localStorage.setItem存值的时候发现。我存的是个boolean值但是最后获取的时候判断了一下类型竟然是string类型的。 难怪我页面上判断localStorage.getItem("aaa")==true一直是false。原来是存起来的数据都会变成字符串的类型 最后把localStorage.getItem("aaa")=='true' 结果就是true。 ...
localstorage存储boolean类型值小坑
梧桐芊羽的博客
09-13 4571
今天使用localstorage存储boolean数据时，发现怎么弄页面上数据显示就是有问题。 后面才发现，在localstorage中存储的boolean数据都变成了字符串了，才导致的。 所以"true"=true及"false"==false,“true”==false显示都为false。 ...
lua: attempt to index local 'XXXX' (a boolean value)
ckx178的博客
07-05 1万+
引用本地方法布尔值，学习一个新的语言，有时候很小的一个语法错误就能把人折磨死，把错误贴出来百度又发现不曾有人记录过，痛苦至极，翻译出来有稀里糊涂不明就里，记录下来！为后来者掌一盏灯！！！ 原因在与lua模块语法缺少了return关键字！！！ 定义一个模块: --定义模块 local calc_method = {} --为模块声明一个say的方法 function calc_method...
boolean值在本地的存储
mm22656676的专栏
10-24 968
获取到本地存储的Boolean值后，在页面和控制台都能正常显示出来，可用该值做响应的处理，总是只能得到为true的结果
踩坑一个localstorage使用问题
EWJRQKJRQ的博客
01-29 1695
因为我们公司web端项目以原生为主，所以大叫就不要收什么vuex,redux,dva之类的状态管理，我们公司的主要数据存储在于node端因此我这里作为一个前端常用的存储方式就是本地存储，给大家说一下我之前到的一些问题 第一次发现localstorage出现问题是因为我先要在locastorage存储url，因为（现在有4个页面），现在项目要求a页面跳转b页面，b页面跳转c页面，c页面要跳转d页面，d页面可以选择跳转至之前的第几个页面， 我的解决方法是我将a，b，c，三个页面的url存储在本地存储loc
yuelu-国庆主题资源《源代码》
最新发布
09-26
yuelu-国庆主题资源《源代码》 yuelu-国庆主题资源
东软NetEye网络审计系统产品用户手册
09-26
东软NetEye网络审计系统产品用户手册
从Servlet+JSP+JDBC到MyBatis：重构用户CRUD操作的高效之旅第二版
09-26
修改了删除确认的操作
AntDesign Axure原型组件
09-26
AntDesign Axure原型组件
Vue3设置localStorage存储时间为10天
09-07
在Vue3中，设置localStorage的存储时间通常需要手动计算过期时间，并在存储数据时将其作为一个属性保存起来。以下是一个简单的示例来说明如何设置localStorage存储时间为10天： 首先，你需要获取当前时间，然后加上10天的时间间隔，得到一个过期时间点。之后，将当前时间以及过期时间点都转换成时间戳格式。存储数据时，将原始数据和这两个时间戳都保存到localStorage中。当需要检查数据是否过期时，可以从localStorage中读取这些时间戳并与当前时间进行比较。 ```javascript import { ref } from 'vue'; // 设置localStorage存储时间为10天 function setLocalStorageWithExpiry(key, value) { const now = new Date(); const expiryDate = new Date(now.getTime() + 10 * 24 * 60 * 60 * 1000); // 10天后的时间 const item = { value: value, expiry: expiryDate.getTime(), time: now.getTime() }; localStorage.setItem(key, JSON.stringify(item)); } // 获取localStorage数据，并检查是否过期 function getLocalStorage(key) { const itemStr = localStorage.getItem(key); const item = JSON.parse(itemStr); const now = new Date(); // 检查是否过期 if (now.getTime() > item.expiry) { // 数据已过期，可以删除它 localStorage.removeItem(key); return null; } else { // 数据未过期，返回原始值 return item.value; } } // 使用setLocalStorageWithExpiry和getLocalStorage来设置和获取带过期时间的localStorage数据。 ``` 请注意，在实际应用中，你可能需要根据实际情况调整上述示例代码，例如处理存储对象、数组等复杂数据类型的情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值