利用json2将json序列化为json字符串或json字符串反序列化为json

最新推荐文章于 2024-03-14 11:40:10 发布

相聚万年树

最新推荐文章于 2024-03-14 11:40:10 发布

阅读量338

点赞数

分类专栏：自写demo 踩过的坑 js知识文章标签： json

本文链接：https://blog.csdn.net/kathiegoodlucky/article/details/113610114

版权

自写demo 同时被 3 个专栏收录

9 篇文章 0 订阅

订阅专栏

踩过的坑

7 篇文章 0 订阅

订阅专栏

js知识

2 篇文章 0 订阅

订阅专栏

利用json2将json序列化为json字符串或json字符串反序列化为json

在前端经常会遇到json和json字符串之间的转换，json字符串可以传递到后台保存，而在前端不能遍历取值，json字符串得转换为json才可以遍历取值。下面是利用json2.js实现json和json字符串之间转换的demo，json2.js在主页可以下载。

代码如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>利用json2将json序列化为json字符串或json字符串反序列化为json</title>
	</head>
	<body>
		建议下载例子，在电脑运行一下即可完全掌握
		<br>
		<script type="text/javascript" src="json2.js"></script>
		<script type="text/javascript">
			document.write("利用json2将json序列化为json字符串或json字符串反序列化为json");
			document.write("<br />")
			document.write("<br />")
			document.write("<br />")
			
			var jsonObj = [{id: "01", name: "Tom" },{id: "01", name: "Tom" },{id: "01", name: "Tom" }];
				document.write("json数组并取值：")
				document.write("<br />")
				for(var i=0 ; i<jsonObj.length; i++){   //通过循环可以找出里面的元素了
					document.write(jsonObj[i].id)
				    document.write(jsonObj[i].name)
				    document.write("<br />")
				}
				document.write("<br />")
			console.log(JSON.stringify(jsonObj));
			var ddd = JSON.stringify(jsonObj)
				document.write("转换后成为json字符串："+ddd)
				document.write("<br />")
				document.write("<br />")
				document.write("<br />")
				
			var jsonString = '[{"id": "01", "name": "Tom" },{"id": "01", "name": "Tom" },{"id": "01", "name": "Tom" }]';
				document.write("json字符串："+jsonString)
				document.write("<br />")
				document.write("<br />")
				console.log(JSON.parse(jsonString));
			var array = JSON.parse(jsonString);    //把json转换成[{},{}]的形式
			document.write("转换成的json数组并取值：")
			document.write("<br />")
			for(var i=0 ; i<array.length; i++){   //通过循环可以找出里面的元素了
				document.write(array[i].id)
			    document.write(array[i].name)
			    document.write("<br />")
			}
		</script>
	</body>
</html>

运行截图
在这里插入图片描述

相聚万年树

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用json2将json序列化为json字符串或json字符串反序列化为json

利用json2将json序列化为json字符串或json字符串反序列化为json在前端经常会遇到json和json字符串之间的转换，json字符串可以传递到后台保存，而在前端不能遍历取值，json字符串得转换为json才可以遍历取值。下面是利用json2.js实现json和json字符串之间转换的demo，json2.js在主页可以下载。代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /&g
复制链接

扫一扫