localStorage.setItem
时间: 2024-03-14 16:17:29 浏览: 9
localStorage.setItem() 是一个 JavaScript 方法,用于将一个键值对(key-value pair)保存到浏览器的本地存储(local storage)中。它接受两个参数,第一个参数是键名(key),第二个参数是键值(value)。例如:
```javascript
localStorage.setItem('username', 'John');
```
这个例子将一个键名为 "username",键值为 "John" 的键值对保存到本地存储中。如果键名已经存在,则会更新对应的键值。可以使用 localStorage.getItem() 方法来获取保存在本地存储中的键值对,例如:
```javascript
const username = localStorage.getItem('username');
console.log(username); // 输出 "John"
```
需要注意的是,localStorage 中保存的数据会一直存在,即使用户关闭浏览器或者电脑重启。如果需要在特定的时间段内保存数据,可以考虑使用 sessionStorage。
相关问题
localstorage.setitem
`localStorage.setItem(key, value)` 是 JavaScript 中的一种方法,用于将数据存储在浏览器的本地存储中。它接受两个参数,第一个参数是一个字符串类型的键(key),第二个参数可以是任何类型的值(value)。例如,下面的代码将一个名为“username”的键和一个值为“John”的值存储在本地存储中:
```
localStorage.setItem("username", "John");
```
可以使用 `localStorage.getItem(key)` 方法来检索存储在本地存储中的值,如下所示:
```
var username = localStorage.getItem("username");
console.log(username); // 输出:John
```
请注意,存储在本地存储中的数据是永久性的,即使关闭浏览器或计算机,数据仍然存在。因此,请小心不要存储过多的数据,以免影响浏览器性能和用户隐私。
localstorage.setitem存储对象
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
```
通过这种方式,我们可以很方便地将对象存储到本地存储中,并在需要的时候将其取出使用。需要注意的是,本地存储的数据是以字符串形式存储的,因此在需要使用时需要进行相应的转换处理。