js本地存储(localStorage)
在JavaScript中,localStorage
是一个用于持久化存储数据的对象。它可以在用户浏览器中保存键值对数据,即使页面重新加载或关闭后再打开,数据也不会消失。
以下是使用localStorage
的一些基本操作:
- 存储数据:
localStorage.setItem('key', 'value');
- 获取数据:
var data = localStorage.getItem('key');
- 删除数据:
localStorage.removeItem('key');
- 清空所有数据:
localStorage.clear();
- 获取存储数据的数量:
var length = localStorage.length;
- 获取某个索引位置的key:
var key = localStorage.key(index);
示例代码:
// 存储数据
localStorage.setItem('username', 'Alice');
// 获取数据
var username = localStorage.getItem('username');
console.log(username); // 输出: Alice
// 删除数据
localStorage.removeItem('username');
// 清空所有数据
// localStorage.clear();
// 获取数据的数量
console.log(localStorage.length); // 输出: 0(如果清空了所有数据)
// 获取某个索引位置的key
// 假设之前存储了数据,这里会输出相应的key或undefined
console.log(localStorage.key(0));
请注意,localStorage
的存储空间大小依赖于用户的浏览器,大多数现代浏览器允许的最大存储空间为5MB。如果尝试存储超出限制的数据,会触发QuotaExceededError
异常。
评论已关闭