贝利信息

如何用Javascript操作本地存储?

日期:2025-12-14 00:00 / 作者:狼影
JavaScript本地存储使用localStorage和sessionStorage,以字符串键值对形式保存数据,需用JSON.stringify()存对象、JSON.parse()取对象,并注意null处理、同源限制及容量上限。

JavaScript 操作本地存储主要靠 localStoragesessionStorage,它们都提供简单的键值对存储,数据以字符串形式保存。不需要额外库,浏览器原生支持,但要注意同源限制和容量上限(通常 5–10MB)。

存数据:setItem() 最常用

setItem(key, value) 把数据存进 localStorage(长期保存)或 sessionStorage(页面关闭即清空):

取数据:getItem() 要记得解析

getItem(key) 返回字符串,如果之前存的是对象,得手动 JSON.parse()

删数据:removeItem() 和 clear() 各有用途

removeItem(key) 删除单个键;clear() 清空整个存储空间(谨慎使用):

其他实用操作:key()、length、遍历

可以查有多少项、获取第 N 个 key,甚至遍历所有数据:

基本上就这些。不复杂但容易忽略类型转换和 null 处理,写的时候多留心字符串和 JSON 的来回转换。