localStorage自定义存储数据方法及其使用总结

自定义一个localStorage本地存储数据

getItem和setItem是window.localStorage的获取和保存数据的方法
我们用JSON.stringify和JSON.parse把数据转成字符串和解析，这样就方便我们写入tabledata
localStorage.getItem(key):获取指定key本地存储的值
localStorage.setItem(key,value)：将value存储到key字段

JSON.parse()

JSON.parse()//从一个字符串中解析出json对象
例子：
//定义一个字符串
var data='{"name":"goatling"}'
//解析对象​
​JSON.parse(data)
结果是：
​name:"goatling"

JSON.stringify()

例：标准的json对象{“name”:“john”}
JSON.stringify(); // 将json格式的数据（JavaScript 对象）转换成JSON格式的字符串
例：

JSON.stringify()//从一个对象中解析出字符串
var data={“name”:“john”}
JSON.stringify(data)
结果是：
'{"name":"goatling"}'

localStorage例子

获取/创建 var data1 =localStorage.getItem('name');
                // 也可以这样写:
                   []方法    localStorage["name"];
                   .方法    localStorage.name;

         var data2 = localStorage.getItem('zheng')
          

保存     //对象
         const info = {name: "huo", age: 18,id: "1"}
        //字符串
        const str = "haha";
        
      //setItem(“key”,“value”)：存储名字为key的一个值value
      //若key有值,则更新他,如果此时更改了name得值再重新获取，新的值会覆盖原来的值
      localStorage.setItem("name","john"); //设置name为john
       localStorage.setItem("name","Tom"); //设置name为Tom,覆盖之前的
       //也可以这样写
       []方法    localStorage["name"]="bonly";
        .方法    localStorage.name="bonly";

      localStorage.setItem('zheng',JSON.stringify(info));
     

删除   //删除某个
     localStorage.removeItem("zheng")

     //删除所有
     localStorage.clear();