Javascript如何从本地存储中读取数据
时间: 2023-05-19 14:05:29 浏览: 62
可以使用localStorage对象来读取本地存储中的数据。例如,如果你想读取名为"myData"的数据,可以使用以下代码:
var data = localStorage.getItem("myData");
这将返回存储在"myData"中的数据。如果该数据不存在,则返回null。
相关问题
本地数据存储 localStorage sessionStorage
在 Web 应用程序中,我们经常需要在浏览器中保存一些数据,以便在下一次访问应用程序时可以直接读取这些数据。为了实现这个功能,Web 浏览器提供了两种本地数据存储方式:`localStorage` 和 `sessionStorage`。
`localStorage` 和 `sessionStorage` 都是浏览器提供的 JavaScript API,可以用来在浏览器中保存和读取数据。它们的主要区别在于数据的生命周期和作用域。
`localStorage` 中保存的数据是永久性的,除非用户手动清除,否则数据将一直保存在浏览器中。而 `sessionStorage` 中保存的数据只在当前会话中有效,当用户关闭浏览器窗口或标签页时,数据将被删除。
另外,`localStorage` 中保存的数据可以在不同的窗口或标签页中共享,而 `sessionStorage` 中保存的数据只能在同一个窗口或标签页中共享。
在 JavaScript 中,我们可以使用以下代码来读取和保存数据到本地存储中:
```
// 保存数据到 localStorage 中
localStorage.setItem('key', 'value')
// 从 localStorage 中读取数据
const value = localStorage.getItem('key')
// 从 localStorage 中删除数据
localStorage.removeItem('key')
// 清空 localStorage 中的所有数据
localStorage.clear()
```
类似地,我们可以使用 `sessionStorage` 来读取和保存数据:
```
// 保存数据到 sessionStorage 中
sessionStorage.setItem('key', 'value')
// 从 sessionStorage 中读取数据
const value = sessionStorage.getItem('key')
// 从 sessionStorage 中删除数据
sessionStorage.removeItem('key')
// 清空 sessionStorage 中的所有数据
sessionStorage.clear()
```
需要注意的是,`localStorage` 和 `sessionStorage` 中只能保存字符串类型的数据,如果需要保存其他类型的数据,需要先将其转换为字符串类型。例如,我们可以使用 `JSON.stringify` 方法将 JavaScript 对象转换为字符串,然后再保存到本地存储中。在读取数据时,需要使用 `JSON.parse` 方法将字符串转换为 JavaScript 对象。
uniapp中的本地存储
在 UniApp 中,可以使用本地存储来保存和读取数据。UniApp 提供了一些方法来处理本地存储,常用的有:
1. uni.setStorage(key, data):设置本地存储数据,key 是键名,data 是要存储的数据。
2. uni.getStorage(key):获取本地存储的数据,key 是要获取的数据的键名。
3. uni.removeStorage(key):移除本地存储中指定的数据,key 是要移除的数据的键名。
4. uni.clearStorage():清空本地存储中的所有数据。
这些方法可以在任何页面和组件中使用。示例如下:
```javascript
// 设置本地存储数据
uni.setStorage('username', 'John');
// 获取本地存储数据
uni.getStorage('username').then(res => {
console.log(res.data); // 输出 'John'
});
// 移除本地存储数据
uni.removeStorage('username');
// 清空本地存储
uni.clearStorage();
```
需要注意的是,uni.setStorage 和 uni.removeStorage 方法是异步的,返回一个 Promise 对象。在获取本地存储数据时,可以使用 then 方法来获取数据。