localStorage 存储 数组 时候存贮的 直接是字符串解决方案

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

直接存储 数组是不行的 要把数组转化为对象
类似于如此

var str = JSON.stringify(data.list);   
    localStorage.setItem("options",str);

得到的话就是这样得到

var optionss=localStorage.getItem("options");  
console.log(JSON.parse(optionss));
yangxiaodong88
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用sessionStorage、localStorage存储数组与对象 运用实例解析
zjl516088421的博客
09-26 4750
有时候，我们需要将数据存储到sessionStorage和localStorage中，这样做的好处有： 1 缓存数据 2 减少对内存的占用   但是，storage只能存储字符串的数据，对于JS中常用的数组或对象却不能直接存储。 var obj = { name:'Jim' }; sessionStorage.obj = obj; localStorage.obj
使用localStorage替代cookie做本地存储
10-16
- `set`方法首先通过`_init`方法确认localStorage可用，然后获取键值对应的旧数据，将新的数据对象添加到数组中，并使用`JSON.stringify`将JavaScript对象转换为JSON字符串存储回localStorage。 - 最后，文章通过一...
关于localStorage的getItem方法获取到的是字符串的问题
weixin_42190844的博客
11-15 3977
今天遇到了一个bug。因为有个地区数据是要存在本地的。但要作判断，如果数据为空的话，要发起请求获取数据。 首先我这里的localStorage.getItem(‘AreaList’)是个空数组。 按我的if逻辑来说， [ ] === null 为false，然后就会去判断后面的[ ].length = 0 这里应该是true，那么就会去执行if下面的代码。问题就出现在这里，代码没用执行到。也就是说明 if 的整个判断是 false、 我就把获取到的数据，看看它的typeof ，打印出来发现是stri.
注意：localStorage存储数据的格式都是以字符串的
liuyuinsdu的专栏
03-11 1496
注意注意注意！！！ localStorage存储数据的格式都是以字符串的形式来存储的， 存储数组对象的方式就是将数组对象转为字符串，在读取的时候再将字符串转成数组对象 操作的方式： 存： var obj = {"name":"xiaoming","age":"16"} localStorage.setItem("userInfo",JSON.stringify(obj)); 取： var user = JSON.parse(localStorage.getItem("userIn...
解决localStorage存储JSON对象问题
最新发布
挨踢星球
05-05 489
当使用数据类型限制：只能存储字符串数据。转换非文本数据： 若要存储非字符串数据（如对象、数组等），需要使用方法将其转换为字符串，然后存储。数据获取与解析： 从中取回数据时，使用获取存储的字符串，然后通过方法将其转换回原始数据类型。// 存储对象到 localStorage// 从 localStorage 中取回并解析对象// 输出: { name: "John", age: 30 }总之，对存储的数据类型有限制。
如何解决localStorage会将存储的数据，自动转换为string类型的问题
qq_52526079的博客
11-20 174
【代码】如何解决localStorage会将存储的数据，自动转换为string类型的问题。
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
10-15
此外，由于Localstorage的大小限制（通常为5MB），对于大量或复杂的数据存储，可能需要考虑使用更高级的解决方案，如IndexedDB或服务端存储。 总结，JS+HTML5本地存储Localstorage在实现注册登录功能时，可以简化...
html5本地存储 localStorage操作使用详解
12-14
- HTML5本地存储可以存储几乎任何能够被序列化为字符串的数据，包括数组、图片（通过base64编码）、JSON对象、CSS样式和JavaScript脚本等。 5. `localStorage`实例： - 示例代码展示了如何使用`localStorage`来...
利用localStorage创建空间数据库
08-08
这是因为在localStorage中只能存储字符串类型的数据，而我们常常需要存储对象或数组等复杂数据结构。 2. 使用localDB类提供的方法来进行操作。首先，通过localDB.createSpace方法创建一个新的存储空间，这个空间...
在localStorage中存储对象数组并读取的方法
09-01
频繁ajax请求导致页面响应变慢，所以考虑将数据存储在window.storage中，这样只需请求一次ajax，接下来通过本文给大家介绍了在localStorage中存储对象数组并读取的方法,需要的朋友可以参考下
localStorage如何本地存储数组/对象
Singe_lq的博客
09-16 985
使用的时候再将它使用JSON.parse()转换成数组；只能存储字符串格式，如果要存数组的话就要加一些处理；使用JSON.stringify()方法;需要将存储的数组转化成字符串；
localStorage存储数组以及取数组方法。
weixin_43671743的博客
11-26 2399
问题: 在使用localStorage在本地存储一个数组localStorage.setItem(name,arr) ["999999999.00", "10.00", "10.00"] 等到取出的时候还是如此,可在循环赋值给input时将原数组的每个元素分离成了一个新数组:赋值后类似: 9 9 9 9 9 9 9 9 . 0 0 , 1 0 . 0 0… … 经过查询学到了新方法joson处理:...
vue+localStorage保存数组
weixin_42017221的博客
02-09 344
做一个手机版的web表单，提交后数据就保留在web页面的localstoge中，下次用户再打开这个页面的时候，判断一下用户是否已经提交过，没有提交则显示表单页面，已经提交了则显示填写的信息页面。
localStorage如何存取数组、对象
GongWei_的博客
01-22 2652
localStorage存取数组和对象不像存取字符串那样，需要序列化和反序列化 rolePower=["a","b","c"] 存：localStorage.setItem('rolePower',JSON.stringify(rolePower)) 取：JSON.parse(localStorage.getItem("rolePower")) var userNews={id: "aa", userId: "1234", loginName: "test", name: "测试", orgId: "10
【JS】LocalStorage存储JSON对象、存储数组
qing_小诺的博客
08-22 7346
1、存储普通数组：举例：（也可用下面第三条的方法） var arr = [1, 2, 3]; localStorage.setItem("temp", arr); console.log(typeof localStorage.getItem("temp"));//string console.log(localStorage.getItem("temp"));//返回字符串'1,2,3' ...
localStorage本地存储数组对象
allen_csdns的博客
01-07 1846
存 var arrLi = [{“search_content”:“火锅”},{“search_content”:“火锅1”},{“search_content”:“火锅2”}];//定义 localStorage.setItem(“searchLI”,JSON.stringify(arrLi)); 获取 var arrLi1 = JSON.parse(localStorage.getItem(“...
使用localstorage本地存储怎么存储一个数组？
impossible1994727的博客
12-09 2706
假设一个数组：userinfo userinfo:{ userAccount: "120@qq.com, userGuid: "3F8B" userId: 201 userName: "小明" userRegisterTime: "2020-11-29 14:23:23" } 存储到本地不能直接用key，value的方式，会存成[object,object]，什么也取不出来； 存取方式如下： localStorage.setItem('UserInfo', JSON.stringify(us.
localstorage存取字符串/数组/对象——js技能提升
yehaocheng520的博客
05-24 1253
在上一篇文章中提到了，在进行某种操作后，需要存储在本地部分内容，可以是布尔值、字符串、数组、对象等，然后在另一个页面中需要获取存储的值，这就需要用到localstorage的存取功能： 存取字符串/布尔值 存储缓存 localStorage.setItem("refreshFlag", true); localStorage.setItem("refreshStr", '11111'); 获取缓存 localStorage.getItem("refreshFlag"); localStorage.getIt
vue3里面localstorage存储数组怎么保存到列表
04-28
首先，你需要从 `localStorage` 中读取存储的数组，你可以使用 `JSON.parse()` 方法将存储的字符串转换为数组。然后，你可以将这个数组赋值给 Vue 组件中的一个数组数据，例如： ```javascript // 从 localStorage 中读取存储的数组 const storedArray = JSON.parse(localStorage.getItem('myArray')) || []; new Vue({ data() { return { myArray: storedArray }; } }); ``` 接下来，你可以使用 `v-for` 指令将数组数据渲染到列表中，例如： ```html <ul> <li v-for="item in myArray" :key="item.id">{{ item.name }}</li> </ul> ``` 当用户在应用程序中添加或删除数组中的项时，你需要更新 `localStorage` 中的存储。你可以使用 `JSON.stringify()` 方法将数组转换为字符串，并将其存储在 `localStorage` 中。例如： ```javascript // 更新数组并将其存储在 localStorage 中 this.myArray.push({ id: 1, name: 'Item 1' }); localStorage.setItem('myArray', JSON.stringify(this.myArray)); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值