使用localstorage.setItem()存储对象

最新推荐文章于 2024-05-29 11:23:25 发布
最新推荐文章于 2024-05-29 11:23:25 发布
阅读量4.1w 收藏 24
点赞数 14
分类专栏： 笔记 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zmkyf1993/article/details/78065712
版权

使用localstorage.setItem()存储对象

使用localstorage.setItem(name,value)存储JSON对象时会发现浏览器存储的内容为[object,object]，并不是我们想要的内容，这是因为我们在存储的时候没有进行类型转换，因此我们在使用localstorage.setItem()进行对象存储之前需要使用JSON.stringify(object)进行类型转换，转换成JSON字符串后进行存储就会是我们想要的样子了{‘xxx’:‘11111’}

FarmanKKK
关注
  • 14
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浏览器本地存储
weixin_46376652的博客
07-14 1743
localStorage.setItem方法用于添加一个本地缓存数据，接收两个参数，为key-value类型；①、当value数据类型为数字类型时，会自动转换为字符串类型进行存储；②、当value中的数据类型为对象类型时，需要使用JSON.stringify()函数将其转换为字符串类型进行存储； localStorage.getItem()方法接收一个参数key，用于读取数据；JSON.parse()方法用于将对象字符串转换为对象类型； localStorage.removeItem()方法接收一个
localStorage的存储,读取,删除
热门推荐
she8362315的博客
09-29 13万+
localStorage存储 我们通过以下方式将数据储存到localStorage中 window.localStorage.setItem('key',value) 但有时value为一个对象Object,以上面的方式写入,会出现读取的返回值为 {object Object}的情况,但这并不是我们想要的,此时我们需要使用新的方式 传入Object window.localStorage.set...
LocalStorage存储和取值
最新发布
Future_Planet23的博客
05-29 361
本文主要描述了,怎么样用LocalStorage.setItem()方法存储数据到浏览器,以及用LocalStorage.getItem()方法把数据取出来.语法:注:value的值必须是字符串（可以先用json.stringify把对象转成字符串。
js实现localStorage储存多条数据（对象）
weixin_45791806的博客
12-23 5808
1，先获取到浏览器里面的key值 var Game_Data = JSON.parse(localStorage.getItem('loc')) // 之前存储 2，判断这个值存不存在 if (Game_Data == null) { //不存在就建立一个新的数组（第一次进入浏览器肯定是不存在） var loc = new Array() loc.push(user) localStorage.setItem('loc
sessionStorage存储数据（对象、数组、字符串）
chongchong1325的博客
09-28 1万+
在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储 sessionStorage 方法 sessionStorage 方法针对一个 session 进行数据存储。在关闭窗口或标签页之后，数据会被删除。 sessio
BOM系列之localStorage
老__L的博客
08-03 608
length 是 localStorage 接口的只读属性，返回一个整数，表示存储在 localStorage 对象里的数据项（data items）数量。localStorage 接口的 setItem() 方法，接受一个键名和值作为参数，将会把键名添加到给定的 localStorage 对象中，如果键名已存在，则更新其对应的值。getItem() 作为 localStorage 接口的方法，接受一个键名（key name）作为参数，并返回对应键名的值（key’s value）。
localstorage实现带过期时间的缓存功能
10-16
需要注意的是，由于`localStorage`只支持字符串类型，因此在存储和读取非字符串数据时，如对象、数组等，需要进行JSON序列化和反序列化操作。 通过这样的实现，开发者可以在前端应用中方便地使用带有过期时间的`...
object-localstorage:能够使用本地存储中的对象字段进行设置
05-02
允许对本地存储中的对象字段使用setitems 入门 setItem： /** * @param { string } field "object.key" */ objectStorage . setItem ( field : string , value : any ) ; // eg: objectStorage . setItem ( '...
15 - LocalStorage.rar
05-01
这个压缩包可能包含一系列的示例代码、讲解文档或者教学视频，用于深入理解LocalStorage的使用和应用场景，比如用户设置保存、游戏进度存储、无刷新的购物车等。学习和掌握LocalStorage对于前端开发者来说非常重要，...
详解vue中localStorage的使用方法
12-09
- 由于localStorage操作的是字符串，如果存储的是JSON对象，需要先使用`JSON.stringify()`将其转换为字符串，取回时再使用`JSON.parse()`还原。 - localStorage的数据不能被网络爬虫抓取，这为用户数据提供了一定的...
html5中localStorage本地存储的简单使用
09-28
- `localStorage.setItem("key", JSON.stringify(object))`：将JavaScript对象转换为JSON字符串后存储，如`localStorage.setItem("set1", "{'name':'小李','age':'1314'}")`。 - `var object = JSON.parse...
最详细：浏览器存储webStorage——本地存储localStorage&会话存储sessionStorage
weixin_56242678的博客
06-03 1702
webStorage是localStorage和sessionStorage的统称，存储内容大小一般为5MB左右（不同浏览器不一样），浏览器通过window.localStorage和window.sessionStorage属性来实现本地存储机制。相关API如下。
页面的通讯（ localStorage.setItem）
GA_118的博客
01-17 459
用localStorage.setItem来实现页面通讯
localStorage如何存取数组、对象
GongWei_的博客
01-22 2609
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
本地存储方法之localStorage存储的使用
SuBaijiu的博客
11-27 3680
本地存储方法之localStorage存储的使用
【JS】LocalStorage存储JSON对象、存储数组
qing_小诺的博客
08-22 7325
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' ...
window.localStorage.setItem的理解与使用
taowuhua的博客
08-07 4726
HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 sessionStorage 方法 sessionStorage 方法针对一个 session 进行数据存储。在关闭窗口或标签页之后，数据会被删除。 sessionStorage特别适用于单页面应用（angular）...
localStorage.setItem()前后端分离情况下使用
怪只怪满眼尽是人间烟火
09-10 2913
localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。 localStorage 属性是只读的。 前后端分离情况下，可以将后端返回的数据保存到localStorage中： localStorage.setItem("user",JSON.stringify(res.data.user)); 然后系统跳转页面 读取用户信息： var userString = localStorage.getItem("user"); 点击退出登录后，删除loca..
localstorage.setitem存储对象
09-20
我们可以使用JSON.stringify()方法将该对象转换为JSON字符串，然后使用localStorage.setItem()方法将该字符串存储到本地存储中。 ``` var person = { name: "张三", age: 18 }; localStorage.setItem("person", ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值