js json用法 转json字符串 json对象( 重点看最后)
js json:
JSON.parse() //转为json对象。
JSON.stringify() //转为JSON字符串。
举例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <! DOCTYPE html> < html > < head > < meta charset="utf-8"> < title >js json举例</ title > </ head > < body > < p id="demo"></ p > < script > var text = '{ "date" : [' + '{ "key":"info1" , "valmain":"main_info1" },' + '{ "key":"info2" , "valmain":"main_info2" },' + '{ "key":"info3" , "valmain":"main_info3" } ]}'; jsonobj = JSON.parse(text); document.getElementById("demo").innerHTML ="-->"+ jsonobj.date[2].key + " " + jsonobj.date[2].valmain; </ script > </ body > </ html > |
结果:-->info3 main_info3
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <! DOCTYPE html> < html > < head > < meta charset="utf-8"> < title >js json举例</ title > </ head > < body > < p id="demo"></ p > < script > var text = '{ "date" : [' + '{ "key":"info1" , "valmain":"main_info1" },' + '{ "key":"info2" , "valmain":"main_info2" },' + '{ "key":"info3" , "valmain":"main_info3" } ]}'; jsonstr = JSON.stringify(text); document.getElementById("demo").innerHTML ="-->"+ jsonstr; </ script > </ body > </ html > |
结果:-->"{ \"date\" : [{ \"key\":\"info1\" , \"valmain\":\"main_info1\" },{ \"key\":\"info2\" , \"valmain\":\"main_info2\" },{ \"key\":\"info3\" , \"valmain\":\"main_info3\" } ]}"
举例二:重点常用:
存储:
sessionStorage.setItem("userInfo",JSON.stringify(this.$userInfo));
跳转后获取:
var userInfo = JSON.parse(sessionStorage.getItem("userInfo"));
标签:
js json用法
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix