sessionstorage.getitem的用法

时间:2024-03-30 02:12:36 阅读: 最新文章 文档下载
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。
sessionStorage HTML5 提供的 Web Storage API 之一,用于在会话期间(即浏览器窗口打开的时间)保存数据。sessionStorage 具有 getItem 方法,用于检索存储在会话存储中的数据。以下是 sessionStorage.getItem 的用法:

1. 存储数据:

// 将数据存储到会话存储中

sessionStorage.setItem('username', 'john_doe'); sessionStorage.setItem('age', '25');

2. 获取存储的数据:

// 从会话存储中获取数据

const username = sessionStorage.getItem('username'); const age = sessionStorage.getItem('age');

console.log(username); // 输出 'john_doe' console.log(age); // 输出 '25'

注意事项:

存储的键值对是以字符串形式存储的,如果需要存储对象或其他数据类型,可以使用 JSON.stringify 进行转换。

const user = { name: 'John', age: 25 };

sessionStorage.setItem('user', JSON.stringify(user));





在获取存储的数据后,如果存储的是字符串形式的 JSON 数据,可以使用 JSON.parse 进行解析。

const storedUser = sessionStorage.getItem('user'); const parsedUser = JSON.parse(storedUser); console.log(parsedUser.name); // 输出 'John'

sessionStorage.getItem 会返回 null,如果键不存在。 const nonExistentKey = sessionStorage.getItem('non_existent_key'); console.log(nonExistentKey); // 输出 null











可以使用 sessionStorage.removeItem(key) 方法来移除会话存储中的指定键值对。

sessionStorage.removeItem('username');






可以使用 sessionStorage.clear() 方法来清除会话存储中的所有数据。

sessionStorage.clear();

sessionStorage 对象在用户关闭窗口或标签页后会被清除,它是一个在会话期间保持

数据的方便的存储解决方案


本文来源:https://www.wddqw.com/doc/d1d916ea7d21af45b307e87101f69e314232fa71.html