localStorage
也是 浏览器提供的功能,作用与 cookie 类似
区别: 1 , cookie前端,后端都可以操作
localStorage 只有前端可以操作
2 , cookie 可以设定时效,过期自动删除
localStorage 默认是永久存在
3, cookie 可以存储内容比较少
localStorage 可以存储数据信息比较多
4, cookie 没有定义好的JavaScript方法使用
localStorage 有 定义好的方法可以直接使用
5, cookie 默认有 作用域
localStorage 任意文件都可以使用
6, cookie 键值可以是任意数据类型
localStorage 必须是 纯字符串或者json字符串
localStorage 的键值 一般都设定为 json串
操作 localStorage 的方法
设定 localStorage.setItem( 键名 , 键值 )
获取 localStorage.getItem( 键名 )
*/
const arr = [
{name:'张三',age:181,sex:'男'},
{name:'李四',age:182,sex:'男'},
{name:'王五',age:183,sex:'男'},
{name:'赵六',age:184,sex:'男'},
];
// 设定,数据类型一般是json串类型
localStorage.setItem( 'msg' , JSON.stringify( arr ) );
// 获取,
const res = JSON.parse( localStorage.getItem('msg') );
console.log(res);