快捷導(dǎo)航

JSON與JS對(duì)象的區(qū)別與對(duì)比

更新時(shí)間：2017年03月01日 09:01:43 投稿：wdc

JSON是什么？JSON是JS的一種簡單數(shù)據(jù)格式,JSON是JavaScript原生格式，它是一種嚴(yán)格的js對(duì)象的格式，JSON的屬性名必須有雙引號(hào)，如果值是字符串，也必須是雙引號(hào)

JSON是什么？(JSON和JavaScript對(duì)象有什么區(qū)別？)如何把JS對(duì)象轉(zhuǎn)化為JSON字符串，又如何把JSON字符串轉(zhuǎn)化為JavaScript對(duì)象？

JSON （JavaScript Object Notation）一種簡單的數(shù)據(jù)格式，比xml更輕巧。 JSON 是 JavaScript 原生格式，這意味著在JavaScript 中處理 JSON 數(shù)據(jù)不需要任何特殊的 API 或工具包。JSON的規(guī)則很簡單：對(duì)象是一個(gè)無序的“名稱/值”對(duì)集合。一個(gè)對(duì)象以“{”（左括號(hào)）開始，“}”（右括號(hào)）結(jié)束。每個(gè)“名稱”后跟一個(gè)“:”（冒號(hào)）；“名稱/值”對(duì)之間使用“,”（逗號(hào)）分隔。

它是一種嚴(yán)格的js對(duì)象的格式，JSON的屬性名必須有雙引號(hào)，如果值是字符串，也必須是雙引號(hào)；

JSON只是一種數(shù)據(jù)格式（或者叫數(shù)據(jù)形式）;

<script>
var obj2={};//這只是JS對(duì)象
var obj3={width:100,height:200};/*這跟JSON就更不沾邊了,只是JS的 對(duì)象 */
var obj4={'width':100,'height':200};/*這跟JSON就更不沾邊了,只是JS的對(duì)象 */
var obj5={"width":100,"height":200,"name":"rose"}; /*我們可以把這個(gè)稱做：JSON格式的JavaScript對(duì)象 */
var str1='{"width":100,"height":200,"name":"rose"}';/*我們可以把這個(gè)稱做：JSON格式的字符串 */
var a=[
 {"width":100,"height":200,"name":"rose"},
 {"width":100,"height":200,"name":"rose"},
 {"width":100,"height":200,"name":"rose"},
 ];
 /*這個(gè)叫JSON格式的數(shù)組，是JSON的稍復(fù)雜一點(diǎn)的形式 */
var str2='['+
 '{"width":100,"height":200,"name":"rose"},'+
 '{"width":100,"height":200,"name":"rose"},'+
 '{"width":100,"height":200,"name":"rose"},'+
 ']' ;
 /* 這個(gè)叫稍復(fù)雜一點(diǎn)的JSON格式的字符串 */ 
</script>

JSON和JS對(duì)象區(qū)別對(duì)比表

區(qū)別	Json	Javascript對(duì)象
含義	僅僅是一種數(shù)據(jù)格式	表示類的實(shí)例
傳輸	可以跨平臺(tái)數(shù)據(jù)傳輸，速度快	不能傳輸
表現(xiàn)	1,鍵值對(duì)方式，鍵必須加雙引號(hào) 2,值不能是方法函數(shù),不能是undefined/NaN	1,鍵值對(duì)方式，鍵不加引號(hào) 2,值可以是函數(shù)、對(duì)象、字符串、數(shù)字、boolean 等
相互轉(zhuǎn)換	Json轉(zhuǎn)化為js對(duì)象： 1,JSON.parse(jsonstring); (不兼容ie7) 2,Jsobj=eval("("+jsonstring+")")； (兼容所有瀏覽器，但不安全，會(huì)執(zhí)行json里面的表達(dá)式?)	Js對(duì)象轉(zhuǎn)換為Json： JSON.stringify(jsobj);(不兼容ie7)
其他	調(diào)用json官網(wǎng)的js，實(shí)現(xiàn)parse 和 stringify 在各個(gè)瀏覽器的兼容： https://github.com/douglascrockford/JSON-js/blob/master/json2.js