通过window.sessionStorage.getItem获取的值，一定要通过JSON.parse()转成对象

最新推荐文章于 2025-07-06 01:26:59 发布

原创最新推荐文章于 2025-07-06 01:26:59 发布 · 3.7w 阅读

19 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

47 篇文章

订阅专栏

jQuery

27 篇文章

订阅专栏

本文解析了JavaScript中SessionStorage处理null值的常见错误，并提供正确的代码实现，强调使用JSON.parse进行类型转换的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误示例：

var noticeId= window.sessionStorage.getItem('noticeId')
window.sessionStorage.setItem("noticeId", null)
if (noticeId) {

}

不管noticeId是null还是有值，都会执行if里面的语句，原来noticeId的null被当成“null”字符串了。

正确代码如下

var noticeId= JSON.parse(window.sessionStorage.getItem('noticeId'))
window.sessionStorage.setItem("noticeId", null)
if (noticeId) {}

只有经过JSON.parse()转成对象，得到的null值才不会当成字符串

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_39704803

关注关注

7
点赞
踩
19

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端开发：在JavaScript 中JSON.stringify()和JSON.parse() 的使用总结

全沾软贱开发攻城狮

08-08

1万+

前言在前端开发过程中，对于JSON的处理使用的场景是比较多的，也是比较常见的需求。JSON 是用于存储和传输数据的格式，JSON 通常用于服务端向网页传递数据，而且它是一种轻量级的数据交换格式。尤其是在JS开发相关的时候，将JSON 数据转换为 JavaScript 对象是非常常见的处理方式。那么本文就来分享一下前端对于JSON处理的常用方法JSON.stringify()和JSON.parse() 的使用总结。功能介绍 1、JSON.stringify() JSON.stringify

HTML5之sessionStorage用法

自救唯有自强

11-06

1278

一、介绍 sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。二、特点同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作，这些页面必须在同一协议、同一主机名和同一端口下。(IE 8和9存储数据仅基于同一主机名，忽略协议（HTTP和HTTPS）和端口号的要求)

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

window.sessionstorage.getitem

tiantiantbtb的博客

08-10

3401

通过window.sessionstorage.getitem("user")去取值时,需要先转对象。比如现在要取里面的id。

vue中sessionStorage的使用

dengwata9559的博客

07-16

2177

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。 sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。提示: 如果你想在浏览器窗口关闭后还保留数据，可以使用 localStorage 属性，改数据对象没有过期时间，今天、下周、明年都能用，除非你手动去删除。 1....

JavaScript基础-window.sessionStorage

最新发布

qq_51626500的博客

07-06

467

JavaScript基础-window.sessionStorage

window.sessionStorage.getItem的返回类型，一脚深深踏进去

liuchongming的专栏

07-19

1051

debug

vue sessionStorage的setItem和getItem使用

m0_58565372的博客

03-27

1436

1.存储数据：sessionStorage.setItem('名字','要存储的值')2.获取数据：sessionStorage.getItem('名字')

VUE 去存储sessionStorage, localStorage 时数据含有对象时，读取出来是[object object]

weixin_44588893的博客

01-22

1481

VUE 去存储sessionStorage, localStorage 时数据含有对象时，读取出来是[object object]存入sessionStorage, localStorage 的方法存入sessionStorage, localStorage 的方法 1.sessionStorage 存入获取 //存入 sessionStorage.setItem('passwd', '123456') //获取 sessionStorage.getItem('passwd') localStora

let json = JSON.stringify(data); var urlParam; var successMes = ''; httpJson("yonghu/register", "POST", data, (res) => { if(res.code == 0){ window.sessionStorage.removeItem('id'); alert("注册成功") if (window.sessionStorage.getItem('onlyme') != null && window.sessionStorage.getItem('onlyme') == "true") { window.sessionStorage.removeItem('onlyme'); window.location.href="../../login.jsp"; } else { window.location.href ="../../login.jsp"; } } });有什么作用

05-14

JSON.parse(sessionStorage.getItem('store'))) ); } // 引用来源：[^2] ``` #### 四、页面跳转与数据传递 1. **跳转前数据准备流程** 典型HTTP请求与跳转联动示例： ```javascript async function submit...

window.localStorage.getItem 获取的是什么

07-06

如果要存储对象，可以使用`JSON.stringify`转换为字符串，获取时再用`JSON.parse`解析。 - 该方法只能在客户端（浏览器）环境中使用。另外，引用[2]还提到了`sessionStorage`，它与`localStorage`类似，但数据只...

json.stringify()与json.parse()的区别以及用处.docx

01-20

我们可以使用JSON.stringify()将对象转换为字符串进行存储，再通过JSON.parse()取出时恢复为对象。 ```javascript function setLocalStorage(key, val) { window.localStorage.setItem(key, JSON.stringify(val));...

Window sessionStorage 属性

weixin_60811442的博客

03-19

1384

sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。基本用法：保存数据语法： window.sessionStorage.setItem("key", "value"); 读取数据语法： var lastname = window.sessionStorage.getItem("key"); 删除指定键的数据语法： window.sessionStorage.removeItem("key"); 删除所有数据： wind

vue computed 中 window.sessionStorage.getItem()获取不到值

weixin_38724114的博客

09-28

6529

用computed监听sessionStorage中的数据，结果不符合预期，一起看下解决方案吧 computed:{ cantGetValue(){ return window.sessionStorage.getItem('test')//这个sessionStorage的值变化是不会被监听到的 } } 先看下产生问题的过程过程：页面模版调用计算属性的值接口返回数据设置sessionStorage 期望： ses

sessionStorage中的setItem和getItem

yijiujiuqi的博客

10-14

2561

// 保存数据到 sessionStorage sessionStorage.setItem(‘key’, ‘value’); // 从 sessionStorage 获取数据 let data = sessionStorage.getItem(‘key’); // 从 sessionStorage 删除保存的数据 sessionStorage.removeItem(‘key’); // 从 sessionStorage 删除所有保存的数据 sessionStorage.clear(); ...

sessionStorage值改变后,页面利用window.sessionStorage.getItem()获取到的值不会更新

juvialoxer的博客

05-18

4267

一.页面利用window.sessionStorage.getItem(“id”)获取id,id改变后数据不会更新; 需要加入@Watch("$store.state.auth.id", { deep: true, immediate: true })监听并修改this.id=window.sessionStorage.getItem("id")的值

sessionStorage会话存储

七侠剑客的博客

05-21

1878

sessionStorage会话存储转至：https://www.cnblogs.com/polk6/p/5512979.html 该文主要作为学习笔记进行转载，如有侵权请联系 1. 介绍 1.1 说明 sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。在JavaScript语言中可通过 windo...

vue中localStorage和sessionStroage.getitem(key)的使用

weixin_46481137的博客

01-05

3431

客户端存储数据的两个对象为：1：sessionStorage 2:localStorage sessionStroage.setitem(key,value)保存数据； sessionStroage.getitem(key)获取数据； sessionStroage.remove(key);删除单个数据； sessionStroage.clear();清除所有数据； sessionStroage.keye(index)得到某个索引的key； LocalStroage和sessionStroage保持数据类.

会话存储sessionStorage之token、用户 & 设置-sessionStorage.setItem(‘num‘, ‘张三‘)、获取sessionStorage.getItem(‘num‘)

weixin_44867717的博客

09-06

1699

【代码】会话存储sessionStorage之token、用户 & 设置-sessionStorage.setItem(‘num‘, ‘张三‘)、获取sessionStorage.getItem(‘num‘)

SessionStorage

些许就好丶的博客

09-02

1284

html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数

通过window.sessionStorage.getItem获取的值，一定要 通过JSON.parse()转成对象

通过window.sessionStorage.getItem获取的值，一定要通过JSON.parse()转成对象