localStorage存储数组里面是对象时出错

最新推荐文章于 2024-05-05 22:38:04 发布
最新推荐文章于 2024-05-05 22:38:04 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40829594/article/details/82964069
版权

  localStorage不能够存储数组里面是对象的形式，可以使用JSON.stringify将该数组转换后再存储，但是我在转换的时候报“cicle”的错，说是不能放在循环当中，最后发现是我要转换的数组是直接以这种形式push进去的：this.routerTags.push(this.$route)，所以会一直报错，最后解决的办法是：

this.routerTags.push（{

    name:this.$route.name;

    path:this.$route.path;

}）

 

maoer9999
关注
js序列化和反序列化的使用讲解
10-17
综上所述，JavaScript中的序列化和反序列化主要用于对象与字符串之间的转换，这在前后端数据交互、页面间的数据传递以及本地数据存储时都非常重要。合理使用序列化和反序列化可以使代码更加健壮，避免数据在不同阶段...
关于本地缓存localstorage与sessionStorage 数组 （array）字符串（string） 对象（object）的存储技巧和注意事项
cherry_zhang18的博客
11-06 511
>   html>   head>       title>本地缓存title>   head>   body>      body>       script type="text/javascript">       //储存一个数组到本地缓存数组       var a = [1,2,3]       console.log(typeof a)  //object  
在localStorage中存取对象报错？
m0_58237008的博客
10-10 280
localstorage存取对象被转换为字符串问题
VUE 去存储sessionStorage, localStorage 时数据含有对象时，读取出来是[object object]
weixin_44588893的博客
01-22 1418
VUE 去存储sessionStorage, localStorage 时数据含有对象时， 读取出来是[object object]存入sessionStorage, localStorage 的方法 存入sessionStorage, localStorage 的方法 1.sessionStorage 存入 获取 //存入 sessionStorage.setItem('passwd', '123456') //获取 sessionStorage.getItem('passwd') localStora
VUE中使用sessionStorage或者localStorage存取对象或者数组时会显示[object object]
HelloWord176的博客
11-06 5062
VUE如果直接使用sessionStorage.setItem和sessionStorage.getItem来进行存取对象的话，不能正常使用该对象，并且在Application的Session Storage中会显示[object object] 解决方法：转换为json格式进行存取 var ary = [1,2,3] var json = { x:1, b:2 } 存储： //存储 sessionStorage.setItem('arr',JSON.stringif
关于localStorage在浏览器中存储对象，读取数据时是object的问题
m0_73708717的博客
02-12 443
这是因为localStorage里面的键和值都只能是字符串，所以此时我们要将对象转化为字符串。这就叫序列化的过程。在用localStorage.setItem()写入对象，但当读取的时候会发现读取的对象变成了object。var person = { name: "张三", age: "20" };当直接在浏览器上查看存储空间上的p时，会发现存的对象是object。此时我们会发现person对象已经被我们成功的转化为字符串了。当我们要想取出数据的时候也是如此，反序列化。这时我们就取出我们所需要的数字了。
使用localStorage存储对象
marsur的博客
10-30 2281
localSstorage无法直接存储对象，可以利用json.stringify与JSON.parse的转换达到目的。 json.stringify：将对象转换为 JSON 字符串 JSON.parse：将JSON 字符串转换为对象 function storageObj(obj) { var Str = JSON.stringify(obj); //将对象序列化 l...
解决localStorage存储JSON对象问题
挨踢星球
05-05 516
当使用数据类型限制：只能存储字符串数据。转换非文本数据： 若要存储非字符串数据（如对象、数组等），需要使用方法将其转换为字符串，然后存储。数据获取与解析： 从中取回数据时，使用获取存储的字符串，然后通过方法将其转换回原始数据类型。// 存储对象到 localStorage// 从 localStorage 中取回并解析对象// 输出: { name: "John", age: 30 }总之，对存储的数据类型有限制。
html5中的Web Storage
09-01
7. key和length属性：localStorage和sessionStorage都有key方法，返回存储的所有键，以及length属性，表示存储的键值对数量。这使得可以遍历所有的存储项，进行批量操作。 总的来说，HTML5的Web Storage是现代网页...
myshop:带有Vanilla JavaScript的购物车
05-02
3. **数据结构**：为了存储购物车中的商品，可以使用JavaScript的数组或者对象。每个商品是一个对象，包含属性如商品ID、名称、价格和数量。 4. **计算与逻辑**：根据购物车中的商品数据，实现计算总价、检查库存等...
pixel-Art-maker
05-09
- 可能会使用JavaScript对象或数组来存储颜色信息，以便用户可以切换不同的颜色板。 - `ColorPicker` 组件可能被用来选择颜色，通过事件处理将选择的颜色同步到画布。 4. **二维数组表示网格**： - 应用可能使用...
待办事项清单：在香草javascript中待办事项清单
02-13
- 考虑到刷新页面后待办事项丢失的问题，可以使用`localStorage`来存储待办事项，页面加载时从`localStorage`中恢复数据。 9. **用户交互**： - 可以增加待办事项的完成状态切换，通过添加或移除类名改变样式，...
localStorage中存储对象数组
spfLinux的博客
02-23 2118
首先，localStorage中只能存储字符串所以，存储对象数组，必须先转成字符串再存储localStorage.pList=JSON.stringify([]);需要时，再将localStorage中的字符串转成对象数组var tmp_pList=JSON.parse(localStorage.pList);参考链接：点击打开链接...
使用JSON.stringify会导致的问题
qq_36566924的博客
03-26 2393
1.undefined，Symbol，函数都会转变为undefined 这个时候如果用JSON.parse进行处理，会报错 2.布尔值、数字、字符串的包装对象会转换成原始值 3.NaN、Infinity 和 null 都会变成 null 4.Date日期会变成字符串 5.使用JSON.parse的时候，类似undefined，Symbol等会在转变途中丢失掉 ...
VUE，localStorage（本地储存）储存数组对象，取出时产生错误
JAVA-XH
06-22 2937
VUE，localStorage（本地储存）储存数组对象，取出时产生错误 在开发中通过以下代码储存json数组对象时 数据格式： [{"refId":"1","type":"1"},{"refId":"2","type":"2"},{"refId":"3","type":"3"}] 储存： localStorage.setItem( "processBR", JSON.stringify(this.$refs["assemblyChildNodeTable"].selectedRows)); 在其他页面
localStorage/sessionStrrage如何存储对象
yuanwen52的博客
01-12 1190
localStorage/sessionStorage默认只能存储字符串，在实际开发中，需要用来存储对象。 这时我们可以在存储时使用JSON.stringify()将对象转为字符串，而在取缓存时，配合JSON.parse()转回对象即可。
js 本地缓存 遇到的坑
安梓晨的博客
04-23 575
1.json对象 写入到本地缓存的时候 需要 JSON.stringify(); 把他对象转换为字符串形式存储。 localStorage.setItem(“user”, ss); 再使用 此方法存入缓存中。 2.获取时 需要 var obj= localStorage.getItem(“user”); 获取 到时候 需要 obj = JSON.parse(obj); getItem获取到的时候 ...
在ArcGIS中导出数据时老显示导出失败，显示“保存对象时出错”是什么原因？
热门推荐
拖延GISer的博客
01-30 9万+
当我们将数据导出出，有时会导出失败，弹出以下对话框，显示“保存对象时出错”，很多人一度怀疑是自己的数据或者软件出现了问题，因为在别人的电脑上同样的步骤操作成功了，那么究竟是什么原因哪？ 当导出数据进行保存数据的设置时，大家往往选择一下保存路径就直接点击【确定】了，而没有注意在【保存数据】对话框的下方有【保存类型】的选择，在博主的知识梳理模块讲过shapefile和要素类的区别，而之所
薄板切割成型机_包括零件图_机械3D图可修改打包下载.rar
最新发布
09-29
薄板切割成型机_包括零件图_机械3D图可修改打包下载.rar
如何校验本地存储的数据转JSON.parse是否是报错
09-10
如果你想确保从本地存储获取的数据转换成JSON时不会出错，可以按照以下步骤操作： 1. **读取数据**：首先从本地存储（如localStorage或IndexedDB）取出你要解析的数据。确保数据是以字符串形式存在的，因为JSON.parse只接受字符串输入。 ```javascript let data = localStorage.getItem('yourDataKey'); ``` 2. **检查数据格式**：在进行JSON.parse之前，先检查数据是否为空或不符合JSON格式。你可以使用正则表达式检查字符串是否以`{`, `[` 或 `"` 开头，以及结尾是否有相应的匹配。 ```javascript if (!data || !/^\s*(\[|\{)/.test(data)) { console.error('Invalid data for JSON parsing'); // 返回错误或者处理异常情况 return; } ``` 3. **尝试转换并捕获错误**：如果数据看起来像是JSON，那么尝试将其解析。JSON.parse会抛出异常，所以我们应该使用try...catch来捕获可能出现的错误。 ```javascript try { let jsonData = JSON.parse(data); } catch (e) { console.error('Error parsing JSON:', e); // 记录错误日志或者显示给用户友好的错误消息 } ``` 4. **验证解析结果**：如果解析成功，你还可以进一步检查解析后的jsonData是否有效，比如验证对象或数组的所有属性是否存在等。 总之，在转换数据前，做好数据格式的校验至关重要，这样可以避免不必要的错误。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值