localstorage常见方法练习
时间: 2024-11-08 16:11:53 浏览: 3
驾照练习题
localStorage是前端JavaScript提供的一种存储数据的方式,它允许你在客户端持久地存储键值对数据,不依赖于用户的浏览器会话。常见的localStorage操作包括读取、写入和删除数据。
1. **设置值** (setItem):
```javascript
localStorage.setItem('key', 'value');
```
这会将键`key`对应的值设为`value`。
2. **获取值** (getItem):
```javascript
var value = localStorage.getItem('key');
```
3. **检查是否存在** (exists or key in):
```javascript
if (localStorage.getItem('key')) {
console.log('Key exists');
}
```
4. **删除值** (removeItem):
```javascript
localStorage.removeItem('key');
```
5. **清空所有数据** (clear):
```javascript
localStorage.clear();
```
6. **序列化和反序列化**:
由于localStorage只能存储字符串,你需要先将其转换为字符串格式再存储,从存储中取出后再转回原始类型。
- 存储对象:
```javascript
localStorage.setItem('myObj', JSON.stringify({name: 'John'}));
```
- 取出并解析:
```javascript
var obj = JSON.parse(localStorage.getItem('myObj'));
```
阅读全文