localStorage 一个可被用于访问当前源( origin )的本地存储空间的 对象
方法:
存数据:localStorage.setItem('myCat', 'Tom'); 值以键值对形式存在,一律存储为字符串类型,默认调用toString()
let person = {
name: 'yao',
age: 16
};
localStorage.setItem('person', person);
//注:对象调用toString() 返回 "[object type]",其中 type 是对象的类型
结果:
所以存储对象,要主动调用JSON.stringfy(person)
let person = {
name: 'yao',
age: 16
};
localStorage.setItem('person', JSON.stringify(person));
// 注:布尔值、数字、字符串的包装对象在序列化过程中会自动转换成对应的原始值
结果:读数据:localStorage.getItem('myCat'); 返回值为'Tom'
如果想读取到原本类型的数据,使用JSON.parse(data)
const result = localStorage.getItem('person');
console.log(JSON.parse(result));
结果: