074_JSON.stringify()

最新推荐文章于 2025-07-29 11:04:09 发布

原创最新推荐文章于 2025-07-29 11:04:09 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #javascript #前端

JavaScript学习专栏收录该内容

105 篇文章

订阅专栏

本文介绍了JSON的用途，特别是在与web服务器交互时的数据交换。详细讲解了如何使用JavaScript的JSON.stringify()方法将JavaScript对象和数组转换为字符串，以便于发送到服务器。示例中展示了将包含日期对象的复杂对象以及简单的字符串数组进行字符串化的操作，并提供了相关代码实现。

1. JSON的常规用途是同web服务器进行数据交换。

2. 在向web服务器发送数据时, 数据必须是字符串。

3. 通过JSON.stringify()把JavaScript对象转换为字符串。

4. 对JavaScript对象进行字符串化

4.1. 想象一下我们在JavaScript中有这个对象:

var mobileObj = {name: "华为p40", price: 5999, color: ["黑色", "白色", "蓝色"], baseInfo: {machineLength: "148.9mm", machineThickness: "71.06mm"}};

var mobileArrObj = ["华为手机", "小米手机", "vivo手机", "oppo手机", "魅族手机"];

4.2. 请使用JavaScript函数JSON.stringify()将它转换为字符串。

var mobile = JSON.stringify(mobileObj);
var mobileArr = JSON.stringify(mobileArrObj);

5. 日期字符串化

5.1. 在JSON中, 不允许日期对象。JSON.stringify()函数将把任何日期转换为字符串。

var computerObj = {name: "联想电脑", date: new Date()};
var computer = JSON.stringify(computerObj);

6. 例子

6.1. 代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JSON.stringify()</title>		
	</head>
	<body>
		<script type="text/javascript">
			var mobileObj = {name: "华为p40", price: 5999, color: ["黑色", "白色", "蓝色"], baseInfo: {machineLength: "148.9mm", machineThickness: "71.06mm"}};
			var mobileArrObj = ["华为手机", "小米手机", "vivo手机", "oppo手机", "魅族手机"];

			var mobile = JSON.stringify(mobileObj);
			var mobileArr = JSON.stringify(mobileArrObj);
			document.write('mobile = ' + mobile + ', mobile类型: ' + typeof mobile + '<br />');
			document.write('mobileArr = ' + mobileArr + ', mobileArr类型: ' + typeof mobileArr + '<br />');

			var computerObj = {name: "联想电脑", date: new Date()};
			var computer = JSON.stringify(computerObj);
			document.write('computer = ' + computer + ', computer类型: ' + typeof computer + '<br />');
		</script>
	</body>
</html>

6.2. 效果图