Storage存储对象变成‘[Object Object]‘的问题

最新推荐文章于 2024-06-12 09:33:06 发布
最新推荐文章于 2024-06-12 09:33:06 发布
阅读量898 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kevin__Coder/article/details/118696082
版权

localStorage sessionStorage 对象转字符串 JSON对象 值获取
关键词由CSDN通过智能技术生成

使用localStorage/sessionStorage保存一个对象，打印出来发现变成了"[object Object]"，且取不出值。

因为存入的时候，系统自动转为字符串"[object Object]"。

解决：存入之前先对象转字符串，取的时候将字符串转为JSON对象。

如图：

 

 

成功~

ଳxin
关注
专栏目录
存储对象
m0_64352881的博客
04-01 243
localStorage <body> <button class="btn1">setItem</button> <button class="btn2">getItem</button> <button class="btn3">removeItem</button> <button class="btn4">clear</button> <scr
对象存储 Object Storage
rex_xia的专栏
06-24 4495
目录 概述 历史 起源 发展 架构 对存储的抽象 在对象内包含富定制化元数据 面向程序的数据管理 实现 云存储 基于对象的文件系统 对象存储系统 混合存储 “自藏的”对象存储 虚拟对象存储 基于对象的存储设备 市场采纳情况 市场分析 标准 基于对象的存储设备的标准 OSD版本1 OSD版本2 键-值存储与对象存储的差别 概述 对象存储（Object Storage），也称“基于对象的存储”（Object-Based Storage），是一种计算机数据存.
这又是什么奇怪的bug（4）localStorage.getItem 获取到的数据打印出来是[object object]
sw_onload的博客
07-22 1459
原因是localStorage.getItem 只能存字符串 需要用JSON将对象转化成字符串存储再通过JSON转化出来
localStorage.getItem得到的是[object Object] 的解决方案
weixin_30845171的博客
07-02 1138
设计背景： 购物车要实现本地存储，避免刷新页面数据丢失 实现方案： 1，本地储存，进入页面获取本地数据，在进行数据操作 　　　　　 2，每操作一次数据就将数据传给后台进行保存，（操作数据多，用户量大对服务器造成压力较大） 选择方案2 localStorage.setItem 只能存储字符串， 所以在储存的时候先将对象转换为字符串 localStorage.setItem("loc...
深入理解sessionStorage对象存储和localStorage对象存储
前端精髓
04-18 2741
sessionStorage和globalStorage存储的区别和使用方法
object-storage-js:适用于AWS S3，GCP GCS或Minio等对象存储的Node.js客户端
04-17
@ relaycorp / object-storage 该库使您可以使用统一界面与主要对象存储后端（例如，Amazon S3）进行交互。 安装 版本会自动推送到 。 例如，要获取最新版本，请运行： npm install @relaycorp/object-storage ...
Object storage 基于对象的存储
君子藏器于身，待时而动
01-07 579
Object storage 基于对象的存储笔记-来源：维基百科
streamx.objectstorage：com.ibm.streamsx.objectstorage工具箱通过S3 API支持对象存储服务，例如IBM Cloud Object Storage服务。
02-23
com.ibm.streamsx.objectstorage工具箱提供了原始运算符和本机函数，用于从对象存储中读写数据。 该工具包支持与S3兼容的对象存储，并允许开发人员编写与交互的IBM Streams应用程序。 文献资料 在找到完整的文档。 ...
Understanding Write Behaviors of Storage Backends in Ceph Object Store
08-01
### 理解Ceph对象存储中的存储后端写行为 #### 摘要与引言 本文旨在深入探讨Ceph对象存储系统中不同存储后端的写入行为及其对性能的影响。Ceph作为一种可扩展、可靠且高性能的存储解决方案，在云计算环境中被广泛...
container-object-storage-interface-api:容器对象存储接口（COSI）API，负责为COSI对象定义API
04-17
容器对象存储接口API 该存储库托管用于容器对象存储...注意：所有API都在API组objectstorage.k8s.io下定义。 有关COSI的更多信息，请访问我们的。 开发人员指南 所有API定义都在 。 所有API更改都必须满足以下要求：
存储的数据变成“[object Object]”
m0_46364033的博客
12-31 2321
遇到的问题是：通过localStorage.getItem('ids')和localStorage.setItem('ids',ids)获取存储到的本地数据拿到的是“[object Object]”形式的数据 解决：存储获取的时候增加JSON.parse()和JSON.stringify()的使用，代码即：localStorage.setItem('ids', JSON.stringify(ids));和JSON.parse(localStorage.getItem("ids")) 稍作解释和知识点阐述：
vue localStorage存值 取值 [object Object]解决方法
weixin_44746719的博客
08-04 1163
vue localStorage存值 取值 [object Object]解决方法
sessionStorage储存对象的方式
热门推荐
carl_lzp的博客
04-13 2万+
sessionStorage和localStorage window.sessionStorage（会话存储）：暂时储存，浏览器关闭之后会清除 window.localStorage （本地存储）：本地储存，浏览器关闭之后依旧不会清除，只能人为删除 平时储存的话建议使用sessionStorage； 今天在做一购物车demo的时候，我需要用到一个sessionStorage去储存一个数组，然后在这...
vue 浏览器本地储存webStorage（localStorage sessionStorage）
MCCLS的博客
07-23 656
例子： 当你没有登录,打开唯品会搜索鞋子,然后关闭掉浏览器,然后再打开发现搜索框下面有之前搜索的内容 其实借助了浏览器本地存储到了你的硬盘上 修改了这上面的值页面上的也发生了变化,就是往你本地缓存点东西 自己代码实现 前提这边的key和value一定要为字符串.如果不是字符串也会自动帮你转化成字符串 如果传入的是一个对象类型的话 发现这就是对象的tostring 的结果也就是说,这个数据废了,之后读出来的也不是数据的结果 因为就像,前面...
本地存储的数据变成“[object Object]”解决方法以及形成原因
最新发布
m0_63542260的博客
06-12 1528
会默认将Object对象转换成'[Object Object]'字符串。获取存储到的本地数据拿到的是“
如何解决VsCode保存代码之后出现格式化
你，若盛开的专栏
07-25 704
VsCode编辑器保存
vscode eslint 快速配置（保存自动格式化）
https://shixuebin.gitee.io/hexo-blog/
11-24 509
安装就不说了，安装后打开vscode设置，搜索eslint，然后点击setting.json写入如下代码。
VsCode中自动调整格式
why404
07-02 6059
VsCode中使用了Prettier插件后会在保存后自动格式化样式 如果遇到不需要调整的代码时候，只要在前添加如下代码，就不会格式化 –// prettier-ignore
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值