js将数据存到localStorage
时间: 2024-03-01 21:50:41 浏览: 85
JavaScript使用localStorage存储数据
5星 · 资源好评率100%
在 JavaScript 中,我们可以使用 `localStorage` 对象将数据存储到本地浏览器中。
以下是一个简单的示例,演示如何将数据存储到 `localStorage` 中:
```javascript
// 将数据存储到 localStorage 中
localStorage.setItem('username', 'Tom');
localStorage.setItem('age', 20);
// 从 localStorage 中获取数据
var username = localStorage.getItem('username');
var age = localStorage.getItem('age');
console.log(username); // "Tom"
console.log(age); // "20"
```
在该示例中,我们首先使用 `setItem` 方法将数据存储到 `localStorage` 中。我们将用户名和年龄作为键值对存储在 `localStorage` 中。
然后,我们使用 `getItem` 方法从 `localStorage` 中获取数据。我们传入键名,然后函数将返回对应的值。在本例中,我们分别获取了用户名和年龄的值,并将它们打印到控制台上。
需要注意的是,`localStorage` 存储的数据类型只能是字符串。如果要存储其他类型的数据,需要先将其转换为字符串,例如使用 `JSON.stringify()` 方法将对象转换为字符串,再存储到 `localStorage` 中。在需要使用时,再使用 `JSON.parse()` 方法将其还原为原始对象。
阅读全文