JS-本地存储详解

WebStorage

1. localstorage （本地存储）

   =>长期存储在浏览器中，存储时候是以键值对的形式存储，以字符串的形式存储，如果是对象，就需要使用 JSON字符串转换然后存储，一旦创建就不会消失，需要手动删除

   • 创建，更新

     =>localStorage.setItem( key[string] value[string])

     =>localStorage.key = value

     因为本地存储只允许存储一个相同的key作为数据，要想对其更改只用改变其value值即可

     //创建
     //1.
     localStorage.name="andy";
      localStorage.age=30;
     //2.
     localStorage.setItem('name','andy')
     localStorage.setItem('name','tady')//此时name对应的本地存储中的name就更改为了tady
     

   • 获取

     =>localStorage.getItem( key[string] )

     var res = localStorage.getItem('age')
     console.log(res) //30
     

   • 删除

     =>localStorage.removeItem( key [string] )

      localStorage.setItem('age','14');
     localStorage.removeItem('age');//会将本地存储中键值为age的那一项移除
     

   • 清空本地存储

     =>localStorage.clear( )

      localStorage.clear();//会清空本地存储存储的所有数据
     

2. sessionStorage (会话存储)

   =>可以短暂的存储大量的数据，大约5M以上，关闭浏览器或者切换到其他窗口，则数据就没有了。

   =>语法格式与localStorage相同