localstorage.setitem存储对象
时间: 2023-09-20 09:00:51 浏览: 126
localstorage实现带过期时间的缓存功能
5星 · 资源好评率100%
localStorage.setItem()方法可以用于将一个对象存储到浏览器的本地存储中。该方法接受两个参数,第一个参数是要存储的数据的键名,第二个参数是要存储的数据的值。
在存储对象时,我们首先需要将对象转换为JSON字符串,然后再将该字符串存储到本地存储中。在读取对象时,我们需要将存储的JSON字符串转换回对象。
例如,我们有一个名为"person"的对象,包含姓名和年龄两个属性。我们可以使用JSON.stringify()方法将该对象转换为JSON字符串,然后使用localStorage.setItem()方法将该字符串存储到本地存储中。
```
var person = {
name: "张三",
age: 18
};
localStorage.setItem("person", JSON.stringify(person));
```
这样,对象"person"就被存储到了本地存储中。我们可以使用localStorage.getItem()方法来获取存储的数据,并使用JSON.parse()方法将JSON字符串转换回对象。
```
var storedPerson = JSON.parse(localStorage.getItem("person"));
console.log(storedPerson.name); // 输出:张三
console.log(storedPerson.age); // 输出:18
```
通过这种方式,我们可以很方便地将对象存储到本地存储中,并在需要的时候将其取出使用。需要注意的是,本地存储的数据是以字符串形式存储的,因此在需要使用时需要进行相应的转换处理。
阅读全文