localStorage的存储,获取,删除

最新推荐文章于 2025-02-27 20:03:56 发布

Misnice

最新推荐文章于 2025-02-27 20:03:56 发布

阅读量1.5k

点赞数

分类专栏： JavaScript Web Storage 文章标签： localStorage

本文链接：https://blog.youkuaiyun.com/Misnice/article/details/101193375

版权

65 篇文章

订阅专栏

2 篇文章

订阅专栏

本文详细介绍了localStorage的基本用法，包括数据的存储、获取、修改、删除及清空操作。讲解了如何处理对象类型数据，并提供了localStorage自带方法的概述。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

localStorage是window上的，一般在框架里写代码不用加window
如：window.localStorage.getItem(“key”)

localStorage存储与获取

localStorage.setItem('key',value) //存储数据
localStorage.getItem("key") //获取数据
localStorage.key           //或者直接获取

localStorage数据的修改

localStorage.setItem('key',newValue) //修改数据

当存储对象类型数据时候,需将对象转化为一个json格式的字符串进行存储;
获取到的json格式字符串无法直接使用,需要转换为josn对象之后才能正常使用;

localStorage.setItem('param',JSON.stringify(Object))  //存储数据

JSON.parse(localStorage.getItem('param')) //获取数据

localStorage删除单个数据

localStorage.removeItem('key')  //删除key以及key中的内容

localStorage清空所有数据

localStorage.clear()

localStorage中自带的方法,可以console中输入localStorage打印出其自带的方法

方法	作用
setItem	存储数据【增】
getItem	读取数据【查单个】
removeItem	删除某个数据【删单个】
clear	删除全部数据【删全部】
length	localStorage存储变量的个数【计算数据总数】
key	读取第i个数据的名字或称为键值(从0开始计数)
valueOf	获取所有存储的数据【查全部】
hasOwnProperty	检查localStorage上是否保存了变量x，需要传入x【判断】
propertyIsEnumerable	用来检测属性是否属于某个对象的【判断】
toLocaleString	将（数组）转为本地字符串