localStorage中添加list对象信息

最新推荐文章于 2022-07-14 09:43:58 发布
最新推荐文章于 2022-07-14 09:43:58 发布
阅读量999 收藏 2
点赞数
分类专栏： 前端 文章标签： antdesign
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/runrun117/article/details/116116069
版权

localStorage中不能直接放对象。必须将对象信息转换成json对象将其保存到localStorage中

arr为对象数组

localStorage.setItem('key',JSON.stringify(arr));//保存json形式

console.log(localStorage('key');

console.log(JSON.parse(localStorage.getItem('k'))) ;//解析的时候解析成对象形式

runrun117
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js使用localStorage存储todolist
m0_64288219的博客
06-25 454
1 实现点击input输入框添加任务 首先获取元素并创建本地存储ls 然后为button添加点击事件（这是为button添加阻止默认操作，因为button在form里面，会自动提交刷新页面。其实为input添加type="button"也可以实现同种效果。） 整体思路就是 1 先判断input是否输入为空，若为空就弹出提示框，否则就继续执行操作。 2 清空每次输入input后的值 3 创建一个li标签，用来做新任务 4 把input输入的值inputValue添加到新建li标签中 5 把
使用本地存储localStorage保存数据的todoList
恰西v的前端开发学习笔记
01-12 4510
ToDoList 帮你把要做的事情列出来，一项一项，类似思维导图。 最明显的好处是强迫自己整理出任务的每个部分，理顺后按部就班的完成，提高效率。 现在,我们来使用js来做一个todolist基本功能开始的构思是用一个input来输入要做的事情,按钮确定,然后添加的列表,单击列表里的项目,就会使该项目消失,即完成..
前端本地存储localStorage及应用
getTheCheeseOfGod的博客
02-17 2383
localStorage
js使用localStorage缓存后台List＜Map＜String, Object＞＞数据
锋林华的博客
12-29 1160
业务场景：前端js需要在本地缓存后台接口返回的List<Map<String, Object>>数据，在保存和取用数据时要进行json转化和解析，否则取不到正确的数据 举例：从后端返回的数据格式如下图所示： 保存时注意要使用JSON.stringify将data进行转化，代码如下 localStorage.setItem("data",JSON.stringify(data)); 在需要取用data数据的地方再次使用JSON.parse进行数据解析，代码如下 var oldDat
localStorage存取json数据
weixin_30681615的博客
05-22 78
function kset(key, value) { console.log("key" + key + "value" + value); window.localStorage.setItem(key, value);}function kget(key) { console.log(key); return window.localStorage.getIte...
Vue使用localStorage存储数据的方法
12-11
在这个例子中，我们使用了Vuex（Vue的状态管理库）来集中管理数据，但如果没有Vuex，也可以直接将`localStorage`中的数据赋值给Vue实例的`list`属性。 总的来说，Vue.js 结合`localStorage`能帮助我们实现前端数据...
Todo-List:一个简单的待办事项列表站点，可将任务保存在localStorage中
05-22
在Todo-List中，localStorage用于存储用户的待办事项，当用户添加、完成或删除任务时，这些更改会被同步到localStorage中。 **3. DOM操作** 为了实现待办事项的动态显示，JavaScript需要能够操作Document Object ...
todo-list-localstorage:只需几个步骤即可使用本地存储的待办事项列表
04-05
例如，当用户点击“添加”按钮时，JavaScript会获取输入框中的文本，将其保存到LocalStorage，并在页面上更新待办事项列表。同时，它也可能有清除列表、检查任务完成状态等功能。LocalStorage的使用通过`window....
todo_localstorage
03-09
在"todo_localstorage"项目中，当用户添加、删除或完成待办事项时，这些操作的结果会被存储到localStorage中。例如，每当有新的待办事项添加，应用会将这个新项保存到`todos`数组，并同步更新到localStorage的`todos...
phoneList通讯录
09-03
phoneList通讯录是一个基于HTML5 localStorage技术构建的Web应用，它允许用户在浏览器中添加、编辑和查看联系人信息，而这些信息将在用户下次访问时依然存在。这一功能的实现主要依赖于JavaScript语言，特别是对...
城市列表（六）03-控制城市的选中操作——localStorage.setItem(getItem)存/取数据&JSON.stringify-转为JSON字符串&JSON.parse-转为js对象
weixin_44867717的博客
02-22 483
城市列表（六）03-控制城市的选中操作——localStorage.setItem 存数据 & localStorage.getItem 取数据 & JSON.stringify- 转换为 JSON 字符串 & JSON.parse-转换为js对象 切换城市 北上广深有数据,点击其他位置,回到默认的当前城市 <div key={key} style={style} className="city"> <div className="title">{l
使用localStorage存储对象
marsur的博客
10-30 2268
localSstorage无法直接存储对象，可以利用json.stringify与JSON.parse的转换达到目的。 json.stringify：将对象转换为 JSON 字符串 JSON.parse：将JSON 字符串转换为对象 function storageObj(obj) { var Str = JSON.stringify(obj); //将对象序列化 l...
localStorage存储对象需要注意的点
曾小超的博客
09-15 487
localStorage没办法直接存储对象 var obj={"name":"小明","sex":"男"} 存对象 localStorage.setItem("obj",JSON.stringify(obj)); 取对象 var obj=JSON.parse(localStorage.getItem("obj")); console.log("obj"，obj);
浏览器本地存储
weixin_46376652的博客
07-14 1745
localStorage.setItem方法用于添加一个本地缓存数据，接收两个参数，为key-value类型；①、当value数据类型为数字类型时，会自动转换为字符串类型进行存储；②、当value中的数据类型为对象类型时，需要使用JSON.stringify()函数将其转换为字符串类型进行存储； localStorage.getItem()方法接收一个参数key，用于读取数据；JSON.parse()方法用于将对象字符串转换为对象类型； localStorage.removeItem()方法接收一个
localStorage存储数组以及取数组方法
热门推荐
finalfantasy
08-08 2万+
var weekArray = ['周一','周二','周三','周四','周五'] 存：localStorage.setItem('weekDay',JSON.stringify(weekArray)); 取： weekArray = JSON.parse(localStorage.getItem('weekDay'));
localStorage 存储 数组
康师傅架构学习之路
11-15 1万+
理论上是不可以的 但是万能的程序员总是能想到办法   把数组转化为 对象即可 //保存 var str = JSON.stringify(data.list); localStorage.setItem("options",str); //得到 var optionss=localStorage.getItem("options"); console.log(JS
如何在localStorage中存取数组，对象
xiawenyi1234的博客
08-24 1690
1.首先你要知道localStorage只能存取字符串！！！！！ 那么如何存取数组/对象呢 转存 let newlist = [] localStorage.setItem('recent', JSON.stringify(newlist)) 取用 let list = JSON.parse(localStorage.getItem('recent'))
【原生JS-7】什么是 JSONP，什么是 CORS，什么是跨域？
sparks42的博客
12-08 2098
localStorage 的存储格式都是字符串，任何其他类型都要转成字符串存储。 存储： localStorage.setItem(&quot;arr&quot;,JSON.stringify(arr)); 获取： var arr = JSON.parse(localStorage.getItem(&quot;arr&quot;)); ...
vue3里面localstorage存储数组怎么保存到列表
最新发布
04-28
然后在mounted钩子函数中，我们通过localStorage.getItem('list')方法获取本地存储的数组，并将获取到的字符串通过JSON.parse()方法转换为数组对象，最后将数组对象赋值给list变量。在模板中，我们使用v-for指令遍历...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值