JavaScript 本地存储

简介: JavaScript 本地存储

JavaScript 的本地存储可以通过多种方式实现,其中最常用的两种方式是 localStoragesessionStorage

1.localStorage:存储的数据没有过期时间,也就是说,除非手动删除,否则数据会一直存在。2.sessionStorage:存储的数据只在当前浏览器窗口或选项卡的生命周期内存在,一旦窗口或选项卡关闭,数据就会被清除。

以下是如何使用这两种存储方式的示例代码:

localStorage

javascript// 存储数据
localStorage.setItem('key', 'value');
// 获取数据
var data = localStorage.getItem('key');
console.log(data); // 输出 'value'
// 删除数据
localStorage.removeItem('key');

sessionStorage

javascript// 存储数据
sessionStorage.setItem('key', 'value');
// 获取数据
var data = sessionStorage.getItem('key');
console.log(data); // 输出 'value'
// 删除数据
sessionStorage.removeItem('key');

请注意,这些存储方法只能存储字符串类型的数据。如果你想存储其他类型的数据(如对象或数组),你需要先将它们转换为字符串。例如:

javascriptvar obj = { name: 'John', age: 30 };
localStorage.setItem('user', JSON.stringify(obj)); // 将对象转换为字符串并存储
var retrievedObj = JSON.parse(localStorage.getItem('user')); // 获取数据并转换回对象


相关文章
|
16小时前
|
存储 JavaScript 前端开发
账号登录验证(原生js,本地存储)
账号登录验证(原生js,本地存储)
27 0
|
7月前
|
存储 JavaScript 前端开发
Javascript-localStorage本地存储
Javascript-localStorage本地存储
31 0
|
9月前
|
存储 移动开发 JavaScript
js中本地存储的方式及用法
js中本地存储的方式及用法
142 0
|
16小时前
|
存储
12.9JavaScript 本地存储
12.9JavaScript 本地存储
|
16小时前
|
存储 JavaScript 前端开发
javascript本地存储(简介)
javascript本地存储(简介)
|
16小时前
|
存储 缓存 前端开发
< 今日份知识点:Javascript本地存储的方式有哪些?区别及应用场景? >
在前端开发中,偶尔需要存储一些如: 用户信息、登录状态、历史记录等常量数据。用于后续二次调用,并且避免刷新后丢失。这时,就需要用到本地存储了。 在`JavaScript` 中,提供了四种可用的本地存储方式: **`cookie`** ,**`sessionStorage`**, **`localStorage`**, **`indexedDB`** ( 已废除的 `WebSQL` )。四种方式各有千秋,接下来,就由小温带各位卷王了解一下,`Javascript` 中的本地存储吧
< 今日份知识点:Javascript本地存储的方式有哪些?区别及应用场景? >
|
16小时前
|
存储 JavaScript 前端开发
JavaScript 本地存储
JavaScript 本地存储
32 0
|
7月前
|
存储 JavaScript 前端开发
JavaScript本地存储(Local Storage)
JavaScript本地存储(Local Storage)
107 0
|
8月前
|
存储 JavaScript 前端开发
js本地存储localStorage和sessionStorage
js本地存储localStorage和sessionStorage
|
9月前
|
存储 缓存 JavaScript
js本地存储与临时存储
js本地存储与临时存储
87 0