关于 localStorage 的用法

常用 API 如下:

getItem: 读取数据
setItem: 设置数据
removeItem: 删除某个具体数据
length: 返回 localStorage 存储的数据的长度
hasOwnProperty: 检查 localStorage 上是否包含某个数据
indexOf: 获取所有存储的数据
clear: 清空 localStorage 上所有的数据
key: 读取第 i 个 存储数据的名字或键值
toLocaleString: 将(数组)转化成本地字符串

读取数据

(1) localStorage.getItem(‘name’)
(2) localStorage.name
(3) localStorage.key(i)
(4) localStorage.valueOf()

设置数据

(1) localStorage.setItem(‘name’, ‘value’)
(2) localStorage.name = ‘value’

删除某条数据

(1) localStorage.removeItem(‘name’)

查看 localStorage 中是否保存了某条数据

localStorage.hasOwnProperty(‘name’) // true

将数组转化为本地字符串

localStorage.array.toLocaleString()

    var array = ['name', 'sex', 'age'];
    localStorage.array = array;
    localStorage.array.toLocaleString(); // 'name,sex,age'

将 JSON 存储到 localStorage 中

    var staff = {
        zhangsan: {
            name: "zhangsan",
            group: "一组"
        },
        lisi: {
            name: "lisi",
            group: "二组"
        }
    };

    //将 JSON 转为字符串存到变量里
    staff = JSON.stringify(staff);
    console.log(staff);
    //将数据 staff 存到 localStorage 里
    localStorage.setItem("staff", staff);

    var staff1 = localStorage.getItem("staff");
    staff1 = JSON.parse(staff); //转化为 JSON 对象
    console.log(staff1); // 打印出原先对象