localStorage.set的用法
时间: 2024-03-27 15:38:27 浏览: 81
storage:提供LocalStorage的本地化存储方案,支持IE(通过IE特性userData)
localStorage是HTML5提供的一种本地存储的机制,可以用来存储网站应用程序的数据。其中,localStorage.setItem()方法用于将数据存储在本地存储中,语法如下:
```
localStorage.setItem(key, value);
```
其中,key为存储的数据的键名,value为存储的数据的键值。如果key已经存在,则更新value的值。如果value是一个对象或数组,需要使用JSON.stringify()方法将其转换为字符串再存储,如下所示:
```
const data = {name: 'Tom', age: 18};
localStorage.setItem('userData', JSON.stringify(data));
```
如果需要获取存储在本地存储中的数据,可以使用localStorage.getItem()方法,语法如下:
```
const data = localStorage.getItem('userData');
console.log(JSON.parse(data)); // {name: 'Tom', age: 18}
```
需要注意的是,localStorage存储的数据只能是字符串类型,如果需要存储其他数据类型,需要进行类型转换。同时,localStorage中存储的数据永久保存,即使关闭浏览器也不会被删除,除非手动清除或者程序清除。
阅读全文