在本文中，我們將研究對象序列化，當(dāng)前瀏覽器實現(xiàn)的好處，並開發(fā)一些可以幫助您基於AJAX的項目的代碼。 假設(shè)我們使用文字符號定義了一個相當(dāng)複雜的JavaScript對象：

var obj1 = {
	b1: true,
	s1: "text string",
	n1: 12345,
	n2: null,
	n3: undefined,
	a1: [ 1,1,2,3,5,8, [13, 21, 34] ],
	o1: {
		a: [3, 2, 1],
		b: {
			c: 42,
			d: [ 3.14, 1.618 ]
		}
	}
};

我們可以以多種方式訪問??任何對象屬性：

obj1.s1;				// returns "text string"
obj1["n1"];				// returns 12345
obj1.a1[6][1];			// returns 21
obj1["o1"]["b"]["c"];	// returns 42

該對像也可以傳遞給JavaScript函數(shù)和方法，而不是指定單個參數(shù)。有用的東西。 但是，如果我們需要將此對象存儲在cookie中怎麼辦？如果我們需要通過AJAX請求將對像傳遞到Web服務(wù)怎麼辦？如果該Web服務(wù)要返回對象的修改版本怎麼辦？答案是序列化：

• 序列化是將任何對像變成字符串的過程。 >
> de-Serialization將字符串轉(zhuǎn)回本機(jī)對象。
• 也許我們可以在JavaScript中使用的最佳字符串表示法是JSON - JavaScript對象表示法。 JSON是一種受JavaScript對象文字符號啟發(fā)的輕量級數(shù)據(jù)交換格式，如上所示。 JSON得到PHP和許多其他服務(wù)器端語言的支持（請參閱JSON.org）。 JavaScript中有兩種JSON方法：

> json.stringify（

obj
1. ） - 將JavaScript對象轉(zhuǎn)換為JSON String > json.parse（
str
2. ） - 將json字符串轉(zhuǎn)換回JavaScript對象 不幸的是，很少有瀏覽器提供這些方法。迄今為止，僅Firefox 3.5，Internet Explorer 8.0和Chrome 3 Beta提供本地支持。一些JavaScript庫提供了自己的JSON工具（例如YUI ）但是許多人沒有（包括jQuery）。 但是，一切都沒有丟失 - JavaScript是靈活的，只要瀏覽器需要它們，我們就可以實現(xiàn)JSON Stringify和解析方法。 在代碼的頂部，我們將創(chuàng)建一個JSON變量，該變量指向本機(jī)JSON對像或一個空對象，如果它不可用：
JSON.STRINGIFY代碼更為複雜：

如果JSON.STRINGIFY不可用，我們將定義一個接受單個OBJ參數(shù)的新功能。該參數(shù)可以是單個值，數(shù)組或複雜對象，例如上面的OBJ1。 該代碼檢查對像類型。立即返回單個值，並且僅修改字符串以在值周圍列出引號。 如果傳遞數(shù)組或?qū)ο螅瑒t代碼將通過每個屬性迭代：

var JSON = JSON || {};

// implement JSON.stringify serialization
JSON.stringify = JSON.stringify || function (obj) {

	var t = typeof (obj);
	if (t != "object" || obj === null) {

		// simple data type
		if (t == "string") obj = '"'+obj+'"';
		return String(obj);

	}
	else {

		// recurse array or object
		var n, v, json = [], arr = (obj && obj.constructor == Array);

		for (n in obj) {
			v = obj[n]; t = typeof(v);

			if (t == "string") v = '"'+v+'"';
			else if (t == "object" && v !== null) v = JSON.stringify(v);

			json.push((arr ? "" : '"' + n + '":') + String(v));
		}

		return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
	}
};

字符串值添加了引號。

>
1. 兒童數(shù)組或?qū)ο癖贿f歸傳遞到JSON.STRINGIFY函數(shù)。
將結(jié)果值添加到JSON []數(shù)組的末尾，作為“名稱：值”字符串，或者僅是數(shù)組項的單個值。 >
2. >最後，JSON數(shù)組轉(zhuǎn)換為逗號刪除列表，並在數(shù)組[]或Object {}中返回必要時支架。

如果您的大腦感到疼痛，您會很高興知道JSON.PARSE代碼要簡單得多：

var obj1 = {
	b1: true,
	s1: "text string",
	n1: 12345,
	n2: null,
	n3: undefined,
	a1: [ 1,1,2,3,5,8, [13, 21, 34] ],
	o1: {
		a: [3, 2, 1],
		b: {
			c: 42,
			d: [ 3.14, 1.618 ]
		}
	}
};

這將JSON字符串轉(zhuǎn)換為對象（）。 在您急於在所有項目中實施JSON序列化功能之前，有一些陷阱：

• 此代碼已故意保持短缺。它在大多數(shù)情況下都會起作用，但是與本機(jī)JSON.Stringify和JSON.PARSE方法。
並非支持每個JavaScript對象。例如，date（）將返回一個空對象，而本機(jī)JSON方法將其編碼為日期/時間字符串。
• 代碼將序列化函數(shù)，例如var obj1 = {myfunc：function（x）{}};而本機(jī)JSON方法不會。
>
• 非常大的對象會丟棄遞歸錯誤。
• 在JSON.PARSE中使用est（）的使用本質(zhì)上是風(fēng)險的。如果您調(diào)用自己的Web服務(wù)，那將不是問題，但是對第三方應(yīng)用程序的電話可能會意外或故意破壞您的頁面並引起安全問題。如有必要，可從json.org獲得更安全（但較慢）的JavaScript解析器。
希望您發(fā)現(xiàn)代碼有用。隨時在自己的項目中使用它。 資源文件：
json序列化演示頁

完整的JavaScript代碼（JSON-Serialization.js）
>在zip文件中下載完整代碼
相關(guān)閱讀：
如何開發(fā)jQuery插件

>如何構(gòu)建自動擴(kuò)展textarea jQuery插件
• 即將推出：JSON Serialization的有用應(yīng)用…

經(jīng)常詢問有關(guān)JavaScript JSON Serialization 的問題 > javaScript中的JSON序列化是什麼？這是使用JSON.STRINGIFY（）方法完成的?？梢詫⒔Y(jié)果的JSON字符串存儲或發(fā)送到服務(wù)器。這是Web開發(fā)中的一個關(guān)鍵過程，因為它允許在客戶端和服務(wù)器之間輕鬆傳輸數(shù)據(jù)。

>

如何在JavaScript？

json.stringify（）中是JavaScript中的一種方法，將javascript對象轉(zhuǎn)換為json字符串。這是一個簡單的例子：

console.log（myjson）; myjson）;
在此示例中，在此示例中，使用Javascript對象“ json” json in json in json in json in json in json in json ins in jons ins in json ins string ins in jons ins in json ins string ins string ins string string string（ 'myjson'。

>我可以在javascript中序列化數(shù)組嗎？此方法不僅可以與簡單的數(shù)組，還可以與對像數(shù)組一起使用。這是一個示例：

讓arr = [1，2，3，4]; console.log（myjson）;在此示例中，陣列'arr''array'array'轉(zhuǎn)換為json string。

>如何在JavaScript中的JSON字符串？

let myJSON = '{"name":"John", "age":30, "city":"New York"}';
let obj = JSON.parse(myJSON);
console.log(obj);
In this example, the JSON string ‘myJSON’ is converted back into a JavaScript object using JSON.PARSE（）。

>如果我嘗試在JavaScript中序列化函數(shù)？

>如果您嘗試使用JSON.STRINGIFY（）在JavaScript中序列化函數(shù)，該函數(shù)將被忽略並且不會出現(xiàn)在結(jié)果的JSON字符串中。這是因為JSON是一種數(shù)據(jù)格式，並且不支持JavaScript的執(zhí)行能力。

我可以在JavaScript中自定義序列化過程？這使您可以在序列化過程中過濾或修改它們。

> JavaScript JSON序列化中有什麼非常打印的？

非常打印是一種以更可讀的方式格式化所得JSON字符串的方法。這是通過將數(shù)字作為JSON.STRINGIFY（）的第三個參數(shù)來完成的，該數(shù)字代表要用於凹痕的空間數(shù)量。

我可以在javascript中序列化並在javascript？

??

中進(jìn)行序列化日期，但是需要一些額外的步驟。默認(rèn)情況下，當(dāng)您在JavaScript中序列化日期對象時，它將以ISO格式轉(zhuǎn)換為字符串。當(dāng)您對其進(jìn)行估算化時，它不會自動轉(zhuǎn)換回日期對象。您需要使用新的date（）構(gòu)造函數(shù)。當(dāng)對象具有tojson（）方法時，json.stringify（）調(diào)用它并序列化其返回的值，而不是原始對象。

我可以在JSON序列化時處理大型數(shù)字嗎？ JavaScript可以準(zhǔn)確地表示最多2^53 - 1的數(shù)字。如果您需要序列化數(shù)字，則可能需要先將其轉(zhuǎn)換為字符串，以避免精確損失。

>

以上是JavaScript中的跨瀏覽器JSON序列化的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！