1. 程式人生 > 其它 >084-JSON.stringify()

084-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>
		<title>JSON.stringify()</title>
		<meta charset="utf-8" />
	</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. 效果圖