JSON三：JavaScript：字符串转JSON；JSON转字符串；字符串和JSON互转的用途；JavaScript初始化JSON，将JSON当做对象看待；

最新推荐文章于 2023-08-15 10:31:04 发布

小懒羊爱吃草

最新推荐文章于 2023-08-15 10:31:04 发布

阅读量915

点赞数 1

分类专栏：（5）常用功能与过滤器、监听器、FreeMarker；

本文链接：https://blog.csdn.net/csucsgoat/article/details/112418524

版权

（5）常用功能与过滤器、监听器、FreeMarker；专栏收录该内容

46 篇文章 11 订阅

订阅专栏

一：JavaScript将字符串转换成JSON对象：JSON.parse(str)；

二：JavaScript将JSON对象转换成字符串：JSON.stringify(json)；

三：字符串和JSON对象转换的用途：

四：初始化json对象

JavaScript中字符串和JSON对象的互相转换。

一：JavaScript将字符串转换成JSON对象：JSON.parse(str)；

在WebContent根目录下，创建一个sample2.html：

需要注意：

（1）定义JSON的方式是：var json = { }; 定义字符串是： var str = "{ }"；

（2）var str = "{\"class_name\":\"五年级三班\"}"；这个字符串一定要符合JSON的格式；

（3）var str = "{\"class_name\":\"五年级三班\"}";中的反斜杠是为了将"转义；

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>字符串转JSON</title>
	<script type="text/javascript">
		var str = "{\"class_name\":\"五年级三班\"}";
		var json = JSON.parse(str);
		console.log(str);
		console.log(json);
		document.write("班级:"+json.class_name);
	</script>
</head>
<body>
</body>
</html>

一旦，var str = "{\"class_name\":\"五年级三班\"}";的书写，有不符合JSON格式的地方如：

二：JavaScript将JSON对象转换成字符串：JSON.stringify(json)；

在WebContent根目录下，创建一个sample3.html：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JSON转字符串</title>
</head>
	<script type="text/javascript">
		var json = {"class_name":"五年级六班"};
		var str = JSON.stringify(json);
		console.info(json);
		console.info(str);
	</script>
<body>
</body>
</html>

结果：

三：字符串和JSON对象转换的用途：

Ajax中会用到；Ajax是JavaScript和后台的Java程序进行通信的方式；

字符串转JSON的一个应用：

Java返回的服务器后台的数据，是一个长得像JSON的字符串；在JavaScript中获取到后台返回的这个数据后，需要使用JSON.parse()将这个字符串转换成JSON对象，这样以后，JavaScript才能将其中的属性提取出来；（这个会很常用）

JSON转字符串：这个在实际中用的不多啦，了解就好了；

四：初始化json对象

在JavaScript中可以将json看成是一个对象，定义json后，可以通过设置属性的方式，初始化json；如下面的json2；

这种方式，更像是JavaScript把JSON当成了对象处理，很清晰；

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>初始化json对象</title>
</head>
	<script type="text/javascript">
		var json = {"class_name":"五年级六班"};
		var str = JSON.stringify(json);
		console.info(json);
		console.info(str);
			
		var json2 = {};
		json2.class_name = "五年级二班";
		json2.location = "图书馆";
		console.info(json2);
	</script>
<body>
</body>
</html>

小懒羊爱吃草

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
JSON三：JavaScript：字符串转JSON；JSON转字符串；字符串和JSON互转的用途；JavaScript初始化JSON，将JSON当做对象看待；

目录一：JavaScript将字符串转换成JSON对象：JSON.parse(str)；二：JavaScript将JSON对象转换成字符串：JSON.stringify(json)；三：字符串和JSON对象转换的用途：四：初始化json对象JavaScript中字符串和JSON对象的互相转换。一：JavaScript将字符串转换成JSON对象：JSON.parse(str)；在WebContent根目录下，创建一个sample2.html：需要注意：（1）...
复制链接

扫一扫