localstorage使用详解

定义和使用

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。

localStorage 属性是只读的。

提示: 如果你只想将数据保存在当前会话中，可以使用 sessionStorage 属性， 该数据对象临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

基本语法

保存数据语法：localStorage.setItem(“key”, “value”);
读取数据语法：var lastname = localStorage.getItem(“key”);
删除数据语法：localStorage.removeItem(“key”);

存储的数据格式

localStorage 是以字符串形式存储的

//声明数字类型
    let index = 1;
    console.log(typeof index); // number

//直接储存
    localStorage.setItem('currentPage', index);

//获取的是字符串类型
    let getIndex = localStorage.getItem('currentPage');
    console.log(getIndex); // 1
    console.log(typeof getIndex); // string
    </script>

如何存对象

如果直接存入对象的话，只会显示[object]

 var a={
            name:"abc",
            sex:"man"
        }
        
        console.log(a)
        localStorage.setItem("key",a)

//使用JSON.stringify()方法转化为字符串再存入:
		var a={
            name:"abc",
            sex:"man"
        }
        //存入：转为字符串
        localStorage.setItem("user", JSON.stringify(a));
        //取：转换成对象
    	var user = JSON.parse(localStorage.getItem("user"))
    	//删除：
    	//localStorage.remove("user");