JSON和js对象转换-CSDN博客

本文链接：https://blog.csdn.net/Raynaing/article/details/52472967

js中json的那些事
前后台交互时，json数据传递的最多，下面就总结了从json字符串和js对象之间的转换

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/jquery-1.12.1.js"></script>
		<script type="text/javascript" src="js/jquery.json-2.4.js" ></script>
	</head>
	<script>
		$(function() {
			//1、json字符串转对象（eval），Eval方式可以转换以下标准和非标准格式字符串：
			var jsonStr = '{"name":"毛毛"}';
			console.info(eval('(' + jsonStr + ')'));
			jsonStr = "{'name':'毛毛'}";
			console.info(eval('(' + jsonStr + ')'));
			jsonStr = "{name:'毛毛'}";
			console.info(eval('(' + jsonStr + ')'));
			//2、parseJSON函数：只能转换标准的json字符串
			console.info("$.parseJSON");
			jsonStr = '{"name":"毛毛"}';
			console.info($.parseJSON(jsonStr));
			//3、JSON.parse，只能转换标准的json字符串
			console.info("JSON.parse");
			console.info(JSON.parse(jsonStr));
			//4、$.toJSON,将普通的js对象序列化为JSON字符串,前台向后台传递时用的较多（只能传递字符串）
			console.info("$.toJSON");
			var param = {
				group: ['1', '2']
			};
			jsonStr = $.toJSON(param);
			console.info(jsonStr);
			//5、$.parseJSON将json字符串转为js对象
			console.info("$.parseJSON");
			var obj = $.parseJSON(jsonStr);
			console.info(obj);
			console.info(obj.group);
			//6、复杂的json格式对象,$.parseJson只能转换标准的json格式，即'{}'
			var complexStr = '{"group":{"name":"毛毛","age":"0"}}';
			var toJson = $.parseJSON(complexStr);
			console.info(toJson);
		})
	</script>

	<body>

	</body>

</html>