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

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 ]
		}
	}
};

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

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

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

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

> json.stringify（

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

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

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 ? "]" : "}");
	}
};

字符串值添加了引號(hào)。

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

如果您的大腦感到疼痛，您會(huì)很高興知道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)換為對(duì)象（）。 在您急于在所有項(xiàng)目中實(shí)施JSON序列化功能之前，有一些陷阱：

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

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

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

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

>

如何在JavaScript？

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

console.log（myjson）; myjson）;
在此示例中，在此示例中，使用Javascript對(duì)象“ 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ù)組，還可以與對(duì)象數(shù)組一起使用。這是一個(gè)示例：

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

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

讓myjson ='{“ name”：“ john”，“ age”：30，“ city”：“ new York”}';
let obj = json.parse（myjson）;
console.log（obj）; obj> consoper; JSON.PARSE（）。

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

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

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

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

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

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

??

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

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

>

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