localStorage存储bool值

海天鹰

于 2023-06-06 22:18:49 发布

阅读量385

点赞数

分类专栏： Chrome Extension 文章标签： javascript

本文链接：https://blog.csdn.net/sonichty/article/details/131077278

版权

Chrome Extension 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

文章介绍了在前端开发中，由于localStorage只能存储字符串，因此在存储bool值时需要转换。使用eval函数可以将读取的字符串转换回bool类型。示例代码展示了如何在checkbox改变时，同步localStorage中的recaptcha状态。

摘要由CSDN通过智能技术生成

localStorage存储bool值，读取之后变字符串类型_localstorage.getitem 获取布尔_想要成仙的菜鸟前端的博客-CSDN博客

localStorage 保存的是字符串，bool字符串可以使用 eval 转换为 bool 值。

<input id="recaptcha" type="checkbox">recaptcha镜像

var recaptcha = document.getElementById('recaptcha');
recaptcha.checked = eval(localStorage.recaptcha);
recaptcha.addEventListener('change', function(){
	localStorage.recaptcha = recaptcha.checked;
},false);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

海天鹰

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
localStorage存储bool值

localStorage 保存的是字符串，bool字符串可以使用 eval 转换为 bool 值。
复制链接

扫一扫

专栏目录

使用localstorage存储Boolean值的问题及解决

m0_45059466的博客

01-01

3736

使用localstorage存储Boolean值的问题及解决 1.前言(个人记录，可跳过) 最近使用vue写前端，需要实现点击切换显示内容，我选择了一个Boolean变量来控制内容的变换，为了记录用户的使用习惯，使用了localstorage来存储此变量到本地以供下次设置网页内容显示。 2.出现的问题及对应的解决 2.1从localstorage取出来的值是字符串解决：类型转换 //示例 this.ascii=Boolean(localStorage.getItem('ascii')); 2.2存入的B

localstorage

JankoY的博客

01-31

966

实现代码读数据 const fs = require("fs") const usersString = fs.readFileSync("./db/users.json").toString(); const usersArray = JSON.parse(usersString) console.log(usersArray) 写数据 const user3 = {id:3, name:'tom', password: 'yyy'} usersArray.push(user3) const stri

参与评论您还未登录，请先登录后发表或查看评论

js使用本地缓存localstorage保存Boolean类型值采坑

qq_15620441的博客

09-01

1725

javascript本地缓存localstorage保存Boolean类型值需要注意的问题：在使用vue框架搭建单页面应用时，肯定会遇到状态管理方面的问题，一种方案是使用全局变量挂载在全局vue实例上，另一种方案就是使用集成状态管理方案vuex,有些情况下需要我们使用缓存(localStorage、sesstionStorage)和vuex配合使用来管理状态，比如我们我遇到的一个场景，一个后台管理平台左侧菜单的展开状态，要求刷新页面后也要保持状态不变，这个状态值我们就用vuex和local...

本地存储的规则

Bear_with_her的博客

06-19

372

五、本地存储 1、存储 localStorage.setItem('设置的属性名','值') 2、注意：本地存储只能存储字符串, 所以转换成JSON字符串 (JSON格式要求除了数字和布尔, 只能用双引号) 2.1、存储的是复杂数据类型直接将对象存储到本地里面去 => 会丢失数据 => [object Object]- 所以将复杂数据类型转化成JSON字符串 let obj = { a:1, ...

localStroge 存储布尔值的问题

大脸猫~

08-19

5850

localStroge 存储布尔值在使用的u欧城中遇到了很多问题，后来才发现，存进去的布尔值，取出来全变成了字符串。。。。。。。自然在使用的时候出现了一堆bug 事实上，不止是布尔值，其他类型的值也全变成字符串类型 localStroge注意事项在项目中，我们就是要使用布尔值怎么办，我们要将得到的数据进行处理。两种情况，通常布尔值我们会存储true和false，这样我们得到的就是“...

localstorage存储布尔值的一次坑

wuyundong123的博客

11-12

3730

问题描述最近工作中使用localstorage存贮一些共享的变量，结果在存贮布尔值的时候遇到了很多问题；一般情况下，存取如下： localstorage.setItem('key', value);//存 localstorage.getItem('key');//取但是在存储布尔型数据时，由于localstorage中存储的boolean数据都变成了字符串,故"true"=tru...

HTML5 本地存储布尔值

xiaoheliushuiya

09-09

365

在使用HTML5的localStorage存储布尔值变量时，你会发现读取出的值就是true和false，但是false的值却不能被正确识别。可以采用如下方法解决，用JavaScript写一个读取函数即可。 function toBool(input) { if ("false" === input) return false; else retu...

vue储存storage时含有布尔值的问题

深圳最菜前端

08-15

924

今天遇到一个问题，需要将后台返回的true和false存到storage中去，然后用储存的这个值进行逻辑判断，但是一直判断都是错误的，后面查阅了一下资料才发现在localstorage中储存数据的时候，储存的boolean值都会变成字符串，而不是刚开始储存进去的boolean值都变成了字符串那么怎么解决呢一：前端进行一次转化 if (localStorage.getItem('布尔值') == 'true') { // 重新赋值为新的值 '布尔值' = true } 或者是在储存的时候，

JavaScript save blob to localStorage

wodemeng0的博客

06-02

384

var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://g.etfv.co/http://www.google.com', true); xhr.responseType = "blob"; xhr.onload = function(e){ //Stringify blob... //reload the icon from storage var fr = new FileReader(); fr.onload =

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

01-19

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

Flutter 设备存储（相当于localstorage）

isusjjyy的专栏

10-29

3470

引入shared_preferences插件 pubspec.yaml文件中引入： dependencies: shared_preferences: ^0.5.3+4 作用及使用类似于web中的localStorage，在应用中存储键值数据参考网址：shared_preferences 封装插件封装代码 import 'package:shared_prefe...

本地存储sessionStorage 会话存储和 localStorage 永久存储

Chasidy的博客

03-19

899

在h5中，本地存储有两个，一个永久存储locallstorage和会话存储sesstionStorage 他们可以把一些数据存贮在浏览器端他们的应用场景大概是有，记住用户信息，记住阅读历史等等 1.1sessionStorage 会话存储可以在浏览器内容中存一些数据 => 字符串数据而已不是说存视频使用h5可以在本地存储用户的浏览器数据。 cookie 也可以存储字符串 cookie...

本地存储和音视频的属性和方法

weixin_58139900的博客

11-21

291

目录本地存储音视频的属性及方法音视频的方法音视频属性音视频的事件本地存储本地存储持久性存储技术 (浏览器关闭不会自动消失) 存储大小5MB左右同源策略存储协议域名端口号都一致称之为同源 localStorage.setItem(key,val); 设置 localStorage.getItem(key); 获取 localStorage.removeItem(key); ...

localStorage存储bool值，读取之后变字符串类型

qq_44441669的博客

01-22

2770

今天遇到一个问题，其他的页面查询接口返回的一个参数，bool值，用来判断当前用户是否能购买特定商品，最开始想到的是，吧其他的页面接口返回的数据放到本地存储中去，在另外一个页面拿出来进行判断，决定前端是否能够购买的交互逻辑。在存储好之后，在读取的时候，发现了bool变成了字符串类型，所以使用 if(localStorage.getItem('isTrue')){ } 这种方法判断，从本地存储读取出来的数据是字符串类型的 true/false，所以，不论true/false都是true ,显然不能用这种方

localstorage存取字符串/数组/对象——js技能提升

yehaocheng520的博客

05-24

1254

在上一篇文章中提到了，在进行某种操作后，需要存储在本地部分内容，可以是布尔值、字符串、数组、对象等，然后在另一个页面中需要获取存储的值，这就需要用到localstorage的存取功能：存取字符串/布尔值存储缓存 localStorage.setItem("refreshFlag", true); localStorage.setItem("refreshStr", '11111'); 获取缓存 localStorage.getItem("refreshFlag"); localStorage.getIt

localstorage存储boolean类型值小坑

梧桐芊羽的博客

09-13

4570

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

JS 本地存储布尔值Bug笔记

J.Z's Blog

10-26

1065

出错的写法//定义了一个flag var flag=true; localStorage.setItem("flagKey",flag);//使用这个存储值 var flag=localStorage.getItem("flagKey"); if(flag){ //.... }else{ //... }错误分析存入是布尔值，取出来不是布尔值了，是stringalert(typeof(

LocalStorage存储JSON对象

01-29

1810

今天用了localstorge存储一下json对象,发现在控制台上面看到是[object Object], 然后百度看了一下,原来localStorage.setItem() 不会自动将Json对象转成字符串形式, 因此,存储前先用JSON.stringify()方法将json对象转换成字符串形式, JSON.stringify()方法可以将任意的 JavaScript 值序列化成 JSON ...

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

qq_39969987的博客

07-15

720

设置此值的本意为 FristReg为true，是一个布尔值： localStorage.setItem('FristReg',true); 但是取回来的是一个字符串 let FristReg = localStorage.getItem('FristReg'); console.log('FristReg', typeof this.FristReg) 打印出来的为FristReg，strin...

localstorage 数组添加值 js