news 2026/4/22 19:31:09

如何用 JSON.stringify 配合本地存储存放复杂的对象数据

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
如何用 JSON.stringify 配合本地存储存放复杂的对象数据

localStorage只能存储字符串,存对象需先JSON.stringify序列化,读取时用JSON.parse解析;函数、undefined等无法直接保存,Date需手动转换;必须用try...catch防止解析失败。直接用 localStorage.setItem 存对象会出错,因为本地存储只支持字符串。必须先用 JSON.stringify 把对象转成字符串,再存;读取时再用 JSON.parse 还原。为什么不能直接存对象?localStorage 的值只能是字符串。如果传入对象(比如 {name: "张三", age: 25}),JavaScript 会自动调用 toString(),结果变成 "[object Object]"——原始数据彻底丢失。正确写法:存和取的完整流程存的时候:用 JSON.stringify(obj) 将对象序列化为合法 JSON 字符串 用 localStorage.setItem(key, string) 存入取的时候:用 localStorage.getItem(key) 拿到字符串 用 JSON.parse(string) 解析回对象(注意加 try...catch 防解析失败)示例: WisPaper 复旦大学研发的AI学术搜索工具,5分钟内筛选1000篇论文

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/22 19:29:05

语际点歌台|被问爆的六首挽回情歌,藏尽所有遗憾

很多粉丝来问我,哪些歌曲适合挽回。吵架分开、断联疏远、满心遗憾、放不下对方,想求和却不敢开口,想挽留又怕显得卑微,主动发消息怕打扰,沉默不语又不甘心。其实不用直白倾诉,不用卑微纠缠,一首…

作者头像 李华
网站建设 2026/4/22 19:27:52

数据升级 | CnOpenData 1985-2025年中国全部专利详细地址数据

一、数据简介专利申请人向国家知识产权局递交专利申请时,会被要求填写申请人的地址信息,然后官方会核实申请人填写的信息是否准确无误,并决定是否进入下一步流程;此外,当涉及到专利的相关问题时,官方可以准…

作者头像 李华