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"));

posted @   刘贵庆  阅读(45)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示