JavaScript - localStorage的增删改查

前言

localStorage简介

• localStorage是浏览器用来进行本地存储数据的，用于解决cookie存储能力不足的情况；

localStorage与cookie的区别：

• cookie存储的数据大小被限制为4k，localStorage存储的数据可达到5M；

localStorage与sessionStorage的区别：

• localStorage属于永久性储存，sessionStorage存储的数据在会话结束后会自动清空；
• 浏览器限制localStorage的值类型为string类型，如果存储的数据不是string类型，localStorage会自动对数据进行类型转换；

解决方法

1、増和改：

window.localStorage.setItem(key, value);
window.localStorage[key] = value;
window.localStorage.key = value;

2、查：

let value = window.localStorage.getItem(key);
let value = window.localStorage[key];
let value = window.localStorage.key;

3、删：
localStorage的删除分为两种：一种是删除全部localStorage数据；一种是删除localStorage中的某一条数据；

//全部删除方法
window.localStorage.clear();
//删除某一条数据的方法：
window.localStorage.removeItem(key);

4、需要注意的是：

• 浏览器限制localStorage的值类型为string类型，如果存储的数据不是string类型，localStorage会自动对数据进行类型转换；
• 存储的Json对象数据时，需要使用JSON.stringify()方法将数据转换成Json字符串，读取时，使用JSON.parse()将Json字符串还原回去；