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

解决对象转字符串后localStorage sessionStorage乱码问题
最新推荐文章于 2024-06-18 10:46:47 发布
原创 最新推荐文章于 2024-06-18 10:46:47 发布 · 998 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文讲述了如何避免在使用localStorage/sessionStorage存储对象时遇到'[objectObject]'格式问题，关键在于存取前后的对象转换。通过实例说明了对象转字符串后再存储，取出时再解析为JSON对象的方法。

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

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

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

如图：

 

 

成功~

Object storage 基于对象的存储
君子藏器于身，待时而动
01-07 739
Object storage 基于对象的存储笔记-来源：维基百科
对象存储服务（Object Storage Service，简称 OSS）
Hubert的博客
09-26 5465
对象存储可以简单理解为用来存储图片、音频、视频等非结构化数据的数据池。相对于主机服务器，具有读写速度快，利于分享的特点。 1、网站数据动静分离，大幅提升网页性能 一般情况下，我们都是建议使用主机服务器和对象存储分工合作的方式来存储网站数据。主机服务器主要负责存储网站的动态数据，对象存储则用来存储网站的静态文件。从而实现网站的动静分离，当用户访问一个网站时，分别从主机服务器和对象存储的服务器同步读取数据，可以大幅的提升网页性能。 2、单独的文件管理界面，管理网站文件和本地电脑一样方便 无论是腾讯云、阿里云、杉
存储对象
m0_64352881的博客
04-01 343
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 5215
目录 概述 历史 起源 发展 架构 对存储的抽象 在对象内包含富定制化元数据 面向程序的数据管理 实现 云存储 基于对象的文件系统 对象存储系统 混合存储 “自藏的”对象存储 虚拟对象存储 基于对象的存储设备 市场采纳情况 市场分析 标准 基于对象的存储设备的标准 OSD版本1 OSD版本2 键-值存储与对象存储的差别 概述 对象存储（Object Storage），也称“基于对象的存储”（Object-Based Storage），是一种计算机数据存.
对象存储（Object Storage） 适用性
最新发布
qq_34068440的博客
06-18 928
对象存储（Object Storage）是一种基于对象的存储模型，主要用于存储非结构化数据，如图片、视频、备份文件、大数据分析文件等。与文件存储和块存储相比，对象存储有独特的优势和一些局限性。
sessionStorage储存对象的方式
carl_lzp的博客
04-13 2万+
sessionStorage和localStorage window.sessionStorage（会话存储）：暂时储存，浏览器关闭之后会清除 window.localStorage （本地存储）：本地储存，浏览器关闭之后依旧不会清除，只能人为删除 平时储存的话建议使用sessionStorage； 今天在做一购物车demo的时候，我需要用到一个sessionStorage去储存一个数组，然后在这...
这又是什么奇怪的bug（4）localStorage.getItem 获取到的数据打印出来是[object object]
sw_onload的博客
07-22 1543
原因是localStorage.getItem 只能存字符串 需要用JSON将对象转化成字符串存储再通过JSON转化出来
object-storage-js:适用于AWS S3，GCP GCS或Minio等对象存储的Node.js客户端
04-17
@ relaycorp / object-storage 该库使您可以使用统一界面与主要对象存储后端（例如，Amazon S3）进行交互。 安装 版本会自动推送到 。 例如，要获取最新版本，请运行： npm install @relaycorp/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作为一种可扩展、可靠且高性能的存储解决方案，在云计算环境中被广泛...
localStorage.getItem得到的是[object Object] 的解决方案
weixin_30845171的博客
07-02 1221
设计背景： 购物车要实现本地存储，避免刷新页面数据丢失 实现方案： 1，本地储存，进入页面获取本地数据，在进行数据操作 　　　　　 2，每操作一次数据就将数据传给后台进行保存，（操作数据多，用户量大对服务器造成压力较大） 选择方案2 localStorage.setItem 只能存储字符串， 所以在储存的时候先将对象转换为字符串 localStorage.setItem("loc...
本地存储的数据变成“[object Object]”解决方法以及形成原因
m0_63542260的博客
06-12 1978
会默认将Object对象转换成'[Object Object]'字符串。获取存储到的本地数据拿到的是“
深入理解sessionStorage对象存储和localStorage对象存储
前端精髓
04-18 2889
sessionStorage和globalStorage存储的区别和使用方法
存储的数据变成“[object Object]”
m0_46364033的博客
12-31 2459
遇到的问题是：通过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 1271
vue localStorage存值 取值 [object Object]解决方法
vue 浏览器本地储存webStorage（localStorage sessionStorage）
MCCLS的博客
07-23 746
例子： 当你没有登录,打开唯品会搜索鞋子,然后关闭掉浏览器,然后再打开发现搜索框下面有之前搜索的内容 其实借助了浏览器本地存储到了你的硬盘上 修改了这上面的值页面上的也发生了变化,就是往你本地缓存点东西 自己代码实现 前提这边的key和value一定要为字符串.如果不是字符串也会自动帮你转化成字符串 如果传入的是一个对象类型的话 发现这就是对象的tostring 的结果也就是说,这个数据废了,之后读出来的也不是数据的结果 因为就像,前面...
Alist挂载阿里云盘显示：failed get objs: failed to list objs: invalid X-Device-Id错误的解决方法
热门推荐
yzh0911的博客
04-27 6万+
failed get objs: failed to list objs: invalid X-Device-Id”错误是指挂载阿里云网盘到本地系统时，Alist无法正确访问阿里云网盘中的文件。2、启动alist server,进入Alist管理页面，删除原来阿里云盘，重新添加aliyun盘。2）挂在路径（名）可自定义（本文为：/aliyun)，其他设置参考图1所示进行设置即可。复制刷新令牌粘贴到图1的对应位置。3、alist 正常挂载aliyun盘，如图5。单击允许,如图4可获取阿里云盘的刷新令牌。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值