前言

localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

具有的优点：

  • 存储空间 更大

  • 存储内容不会发送到服务器

  • 更多丰富易用的接口

  • 独立的存储空间

详细介绍：  localstorage简要说明

正文

》》使用方法

  • localStorage. length : 返回现在已经存储的变量数目。
    localStorage. key(n) : 返回第n个变量的键值(key)。
    localStorage.getItem(k) : 和localStorage.k一样，取得键值为k的变量的值。
    localStorage.setItem(k , v) : 和localStorage.k = v一样，设置键值k的变量值。
    localStorage.removeItem(k) : 删除键值为k的变量。
    localStorage.clear() : 清空所有变量。

》》注意

  • 键中所保存的值默认是字符串形式

在console中测试如下：

  • 例1 （当存储内容为数字时）：

a=0
localStorage.setItem('v',a)
b=localStorage.getItem('v')
b

则b的值为“0”

  • 例2 （当存储内容为数组时）：

a=[1,2,3]
localStorage.setItem('v',a)
b=localStorage.getItem('v')

则b的值为“1,2,3”

 解决以上问题可以在存入之前给包成字符串“[1,2,3]”，取的时候把引号去掉：

localStorage.setItem('v',JSON.stringify(a))
b=JSON.parse(localStorage.getItem('v'))

此时b的值便为数组[1,2,3]