龙空技术网

JavaScript-如何使用localStorage存储对象

Plzbefat 47

前言:

现在我们对“js监听localstorage”大体比较看重,我们都需要剖析一些“js监听localstorage”的相关资讯。那么小编在网络上收集了一些关于“js监听localstorage””的相关内容,希望同学们能喜欢,兄弟们快快来学习一下吧!

Window.localStorage 介绍

只读的localStorage 属性允许你访问一个Document 源(origin)的对象 Storage;存储的数据将保存在浏览器会话中。

localStorage 类似 sessionStorage,但其区别在于:存储在 localStorage 的数据可以长期保留;而当页面会话结束——也就是说,当页面被关闭时,存储在 sessionStorage 的数据会被清除 。

测试样例

localStorage功能仅限于处理字符串键/值对。

解决方法是在存储对象之前将其字符串化,然后在检索它时对其进行解析:

let obj = { name: "头条", user: "新浪潮" };window.localStorage.setItem("obj", JSON.stringify(obj));let getObj = window.localStorage.getItem("obj");console.log("getObj: ", JSON.parse(getObj));

只能在浏览器的控制台测试哦

标签: #js监听localstorage