浏览器的本地存储-webStorage

localStorage 一个可被用于访问当前源（ origin ）的本地存储空间的 对象

方法：

存数据：localStorage.setItem('myCat', 'Tom'); 值以键值对形式存在,一律存储为字符串类型，默认调用toString()

let person = {
            name: 'yao',
            age: 16
        };
localStorage.setItem('person', person);
//注：对象调用toString() 返回 "[object type]"，其中 type 是对象的类型

结果：

image.png

所以存储对象，要主动调用JSON.stringfy(person)

let person = {
            name: 'yao',
            age: 16
        };
localStorage.setItem('person', JSON.stringify(person));
// 注：布尔值、数字、字符串的包装对象在序列化过程中会自动转换成对应的原始值

结果：
image.png

读数据：localStorage.getItem('myCat'); 返回值为'Tom'

如果想读取到原本类型的数据，使用JSON.parse(data)

const result = localStorage.getItem('person');
console.log(JSON.parse(result));

结果：
image.png

sessionStorage

与localStorage拥有的方法相同，操作也一样，唯一的不同点是，随着浏览器的关闭，sessionStorage中的数据会消失，local中的不会

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容