2022-04-27 本地存储:localStorage和sessionStorage的用法

localStorage与sessionStorage详解：存储、读取与区别

原创已于 2022-09-28 10:34:23 修改 · 168 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #本地存储 #localStorage #sessionStorage #cookie

于 2022-04-27 20:54:52 首次发布

知识点专栏收录该内容

97 篇文章

订阅专栏

本文详细介绍了浏览器的localStorage和sessionStorage的使用方法，包括设置、获取和删除数据，以及它们之间的区别，如数据持久性和生命周期。通过实例演示了如何存储对象并转换为JSON格式。

localStorage

存储读取和删除

例子

// 存储
localStorage.setItem("name", "张三");
localStorage.setItem("age", 18);
// 读取
console.log(localStorage.getItem("name"));//张三
// 删除
localStorage.removeItem("name");
// 清除
//localStorage.clear();

结果

在这里插入图片描述

localStorage只能存字符串不能存对象,若要存则需转化成JSON字符串

// 存储对象到localStorage
var obj = {
    id: 1001,
    sex: "m"
};
// 先转化成JSON字符串
localStorage.setItem("obj", JSON.stringify(obj));
// 读取localStorage中的对象
// 同样把JSON字符串转化成对象
console.log(JSON.parse(localStorage.getItem("obj")));