JavaScript - 保存本地存储

有时候我们需要在客户端(web浏览器)中保存一些数据，这时候可以使用本地存储。

本地存储有两种类型：

• sessionStorage - 只在当前会话中保存数据，在关闭浏览器窗口后数据被删除。
• localStorage - 永久保存数据，即使关闭浏览器后再打开也不会被删除。

1. 保存数据

使用 localStorage 来保存数据：

localStorage.setItem("key", "value");

也可以使用 sessionStorage 来保存数据：

sessionStorage.setItem("key", "value");

2. 获取数据

使用 localStorage 获取数据：

var value = localStorage.getItem("key");

使用 sessionStorage 获取数据：

var value = sessionStorage.getItem("key");

3. 删除数据

使用 localStorage 删除数据：

localStorage.removeItem("key");

使用 sessionStorage 删除数据：

sessionStorage.removeItem("key");

4. 清空数据

使用 localStorage 清空数据：

localStorage.clear();

使用 sessionStorage 清空数据：

sessionStorage.clear();

5. 实例演示

// 创建一个对象
var person = {
  name: '张三',
  age: 18,
  gender: '男'
}

// 将对象转换为字符串
var person_str = JSON.stringify(person);

// 保存数据到本地存储
localStorage.setItem("person", person_str);

// 获取数据
var person_str = localStorage.getItem("person");

// 将字符串转换为对象
var person = JSON.parse(person_str);

// 输出对象
console.log(person);

这段代码会输出以下内容：

Object {name: "张三", age: 18, gender: "男"}

以上就是使用 JavaScript 保存本地存储的方法，适用于在 web 浏览器中保存一些数据。