如何用Javascript操作本地存储？-js教程-PHP中文网

如何用Javascript操作本地存储？

狼影

发布： 2025-12-14 14:01:02

原创

308人浏览过

JavaScript本地存储使用localStorage和sessionStorage，以字符串键值对形式保存数据，需用JSON.stringify()存对象、JSON.parse()取对象，并注意null处理、同源限制及容量上限。

如何用javascript操作本地存储？

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

存数据：setItem() 最常用

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

value 必须是字符串；存对象或数组要先 JSON.stringify()
key 名建议用有意义的英文名，避免特殊字符和空格
示例：localStorage.setItem('theme', 'dark')；localStorage.setItem('user', JSON.stringify({id: 1, name: 'Alice'}))

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

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

如果 key 不存在，返回 null，不是 undefined，判断时注意
示例：const theme = localStorage.getItem('theme') → 'dark'；const user = JSON.parse(localStorage.getItem('user'))
安全写法：const user = JSON.parse(localStorage.getItem('user') || '{}')，避免解析 null 报错

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

removeItem(key) 删除单个键；clear() 清空整个存储空间（谨慎使用）：

ShopEx助理

一个类似淘宝助理、ebay助理的客户端程序，用来方便的在本地处理商店数据，并能够在本地商店、网上商店和第三方平台之间实现数据上传下载功能的工具。功能说明如下：1.连接本地商店：您可以使用ShopEx助理连接一个本地安装的商店系统，这样就可以使用助理对本地商店的商品数据进行编辑等操作，并且数据也将存放在本地商店数据库中。默认是选择“本地未安装商店”，本地还未安