js本地存储值及获取(sessionStorage、localstorage)
在JavaScript中,sessionStorage
和localStorage
是两种客户端的存储方式,可以用来在用户浏览器中保存键值对数据。
sessionStorage
是会话存储,存储的数据只有在同一个会话中的页面才能访问,当会话结束(比如关闭页面)时,数据会被清除。localStorage
是本地存储,存储的数据会永久保存,除非主动删除,否则数据不会消失。
以下是使用sessionStorage
和localStorage
的示例代码:
// 存储到sessionStorage
sessionStorage.setItem('key', 'value');
// 从sessionStorage获取值
var value = sessionStorage.getItem('key');
console.log(value); // 输出: 'value'
// 存储到localStorage
localStorage.setItem('key', 'value');
// 从localStorage获取值
var value = localStorage.getItem('key');
console.log(value); // 输出: 'value'
// 从sessionStorage删除键值对
sessionStorage.removeItem('key');
// 从localStorage删除键值对
localStorage.removeItem('key');
// 清空sessionStorage
sessionStorage.clear();
// 清空localStorage
localStorage.clear();
请注意,存储数据时,值会被转换成字符串形式,如果需要存储对象,需要先将对象转换为JSON字符串,取出时再将字符串解析为对象。
// 存储对象到localStorage
var obj = { name: 'John', age: 30 };
localStorage.setItem('user', JSON.stringify(obj));
// 获取对象从localStorage
var user = JSON.parse(localStorage.getItem('user'));
console.log(user.name); // 输出: 'John'
评论已关闭