localStorage 键值是否为空进行判断

最新推荐文章于 2024-07-01 15:30:29 发布
最新推荐文章于 2024-07-01 15:30:29 发布
阅读量2.5w 收藏 9
点赞数 1
分类专栏： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wsjzzcbq/article/details/83144274
版权

当 localStorage 中未存储任何键值时，若要对某个键的值是否为空进行判断，可进行如下判断

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
  </head>
  <body>
	<script>
	 if (localStorage.getItem("key") != null) {
	      //自定义代码
	      alert('key 存在')
	  }else{ 
              alert('key 不存在')
	  }
	</script>
  </body>
 </html>

注意:上述代码，可以直接进行 getItem("key")判断，即使  localStorage 中没有该键，也不会报错。

运行效果如下

 

悟世君子
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
localStorage 设置过期时间的方法实现
12-13
由于 `localStorage` 只能存储字符串，我们需要使用 `JSON.stringify` 将这个对象转换成字符串进行存储： ```javascript Storage.prototype.setExpire = (key, value, expire) => { let obj = { data: value, time...
localStorage.getItem(“token“) || ‘‘ TypeScript报错
追逐知识的过程最能使我们意识到自己的无知...
05-01 349
​ 报错信息：Unexpected nullable string value in conditional. Please handle the nullish/empty cases explicitly.eslint@typescript-eslint/strict-boolean-expressions ​
Js判断本地是否存在要存数据
撑戌圆爱痒生
03-30 1445
1.获取本地的数据,并使其序列化 Var sj=localStorage; 2.判断取出的数据中是否有要存的数组或对象名 此处要用到for循环,循环数据对比是否有要存的名字相等的,如果没有则该本地数据中的此对象应为未定义,所以就是以下 下面展示一些 内联代码片。 // A code block var foo = 'bar'; if (sj.shuju == undefined) { window.localStorage.setItem("shuju", '[]'); var shuju = J
本地存储方法之localStorage存储的使用
最新发布
Salted fish in hand, I have the world.
07-01 581
本地存储有三种方法，分别是什么呢？有localStorage、sessionStorage、和cookie三种方法localStorage方法的使用在使用本地存储之前我们先看一下localStorage它是一个什么登录后复制 //在使用之前先看一下localStorage是一个什么 console.log(localSt...
JS 本地存储 localStorage 操作总结
prefertea的博客
10-15 4998
现在前端做数据存储，跨页面传值，localStorage是一个很好的方式，以键值对的方式存储，也方便取值赋值，下面说一说使用方法和一些常见的使用技巧。 1.存值共有3种方式，localStorage相当于window对象下面的一个属性，所以有[]和.调用，但也具有自身的setItem方法 // 自身方法 localStorage.setItem("name","bonly"); // []方...
用户名，密码登录判断localStorage里面的值
cxc709467878的博客
01-04 1004
localStorage
localStorage本地缓存
一起摆摊啊
06-02 3058
很多购物网站，或者APP都有展示搜索记录的功能，比如淘宝、京东等等。不知道大家有没有发现，你在自己手机上搜索的商品留下的历史记录，在别人手机上登录你的淘宝账号时发现搜索记录都没了，这是为什么？或者你还可以去试一下，在不清楚软件缓存的情况下将淘宝APP卸载，再安装，你会发现搜索的历史记录竟然还在。 这就可以说明，这种搜索历史记录的数据是存储在本地的，所以在其他手机上就没有这台手机的记录了。这种在本机...
数据存储的方法之localstorage
weixin_49734970的博客
07-26 2288
目录1.存值2.取值3.修改4.移除5.获取所有的key6.获取所有的值7.清除所有的值8.判断是否含有某个key9.使用技巧10.注意事项
js判断html存不存在某个属性,判断localStorage.getItem属性是否存在
weixin_31108739的博客
06-04 2779
判断localStorage.getItem属性是否存在if (localStorage.getItem("key") != null) {//自定义代码alert('key 存在')}else{alert('key 不存在')}if (localStorage.getItem("key") != null) {//自定义代码alert('key 存在')}else{alert('key 不存在'...
window.localStorage空值判断问题
fury的博客
01-16 409
来判断的话无法正确判断token是否为空，必须使用。
详解vue中localStorage的使用方法
12-09
如果需要移除某个键值对，可以调用`localStorage.removeItem(key)`： ```javascript localStorage.removeItem('accessToken'); ``` 4. 更改数据： 要更新已存储的数据，同样使用`setItem`方法，覆盖原有的值：...
JavaScript使用localStorage存储数据
10-16
7. 检测支持：可以通过检查window对象的sessionStorage和localStorage属性是否存在，来判断浏览器是否支持这两种存储技术。 8. 遍历数据：可以通过遍历localStorage.length属性和localStorage.key(index)方法来获取...
详解JavaScript中localStorage使用要点
01-19
localStorage主要用来替代cookie，解决cookie(可参考cookie使用要点)读写困难、容量有限的问题。 localStorage有以下几个特点 1.localStorage是一个普通对象，任何对象的操作都适用。 2.localStorage对象的属性值...
vue实现localStorage工具类
11-19
// 判断localStorage是否过期 isExpired: function () { if (this.localStorage) { if (this.localStorage.getItem('#date')) { if (this.localStorage.getItem('#date') !== dateUtil.DateToString(new Date()...
前端开发数据存储技术之localstorage
qq_36289931的博客
03-08 636
前端中的常见本地储存方式 前端中有三种常见的本地储存方式，它们分别是 cookie localStorage sessionStorage 本地储存的数据量都不会太大，所以不能代替传统的SQL数据库储存，但轻量化的优点在于相应会比SQL快很多，节省了服务端的资源。 其中cookie是一项比较老的技术，常用于与服务器间产生联系，比如常见的网站登录一次后下次再打开就不需要再打开，里面就有cookie...
前端系列——window.localStorage空值判断问题（这真的是一个值得深思的问题）
qq_51553982的博客
03-30 3143
window.localStorage空值判断问题前言问题描述问题原因分析先看输出原因根本原因总结 前言 我们都知道window.localStorage是用于查看你浏览器的本地存储的 我们可以根据本地存储进行判断用户状态等一系列的事件 问题描述 今天在写的时候我对localStorage里的token进行空值判断来判断用户状态以渲染用户头像 发现使用(window.localStorage.getItem('token') != ‘’来判断的话无法正确判断token是否为空，必须使用(window.lo
vue 项目监听localStorage或sessionStorage中值得变化
郝峰vip的博客
11-11 2654
前言 在最近开发项目中，做国际化的时候需要监听localStroage中值得变化来切换语言，其实完全可以监听vuex的值，在开发过程中突发奇想，能不能监听localStroage中的值呢，于是就开始折腾，最终出来了，记录一下，方便后续使用和学习。 Step 一 首先在main.js中注册一个全局方法 Vue.prototype.monitorSetItem = function (key, newVal) { //这个key就是我们要监听的那个key if (key === 'lang') {
LocalStorage 的经验浅谈
青9的blog
12-10 798
前言 怎么样使用localStorage、sessionStorage，才能更规范，更高大上，更能让人眼前一亮。 用处 在平时的开发中，localStorage、sessionStorage的用途是非常的多的，在我们的开发中发挥着非常重要的作用： 1、登录完成后token的存储 2、用户部分信息的存储，比如昵称、头像、简介 3、一些项目通用参数的存储，例如某个id、某个参数params 4、项目状态管理的持久化，例如vuex的持久化、redux的持久化 5、项目整体的切换状态存储，例如主题颜色、icon风格
本地缓存：localstorage使用方法
weixin_55103282的博客
07-13 2482
1.存值共有3种方式，localStorage相当于window对象下面的一个属性，所以有[]和.调用，但也具有自身的setItem方法 // 自身方法 localStorage.setItem("name","bonly"); // []方法 localStorage["name"]="bonly"; // .方法 localStorage.name="bonly"; 2.取值也是如此，自身的方法是getItem // 自身方法 localStorage.getItem("name"); //
jquery如何判断localstorage的键值是否存在
05-20
可以使用以下代码来判断 localStorage 中的键值是否存在： ``` if(localStorage.getItem('key') !== null) { // 存在 } else { // 不存在 } ``` 其中，`getItem()` 方法用于获取指定键名的值，如果该键名不存在，则返回 `null`。因此，可以通过判断返回值是否为 `null` 来判断键值是否存在。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

悟世君子

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

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

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

打赏作者

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

抵扣说明：

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

余额充值