JS操作JSON方法總結(jié)(推薦)
JSON概述:
JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式,采用完全獨(dú)立于語(yǔ)言的文本格式,是理想的數(shù)據(jù)交換格式。同時(shí),JSON是 JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不需要任何特殊的 API 或工具包。
JSON:JavaScript 對(duì)象表示法(JavaScript Object Notation)。
JSON 是存儲(chǔ)和交換文本信息的語(yǔ)法。類(lèi)似 XML。
JSON 比 XML 更小、更快,更易解析。
JSON 語(yǔ)法規(guī)則
JSON 語(yǔ)法是 JavaScript 對(duì)象表示法語(yǔ)法的子集。
數(shù)據(jù)在名稱(chēng)/值對(duì)中
數(shù)據(jù)由逗號(hào)分隔
花括號(hào)保存對(duì)象
方括號(hào)保存數(shù)組
好了,以上所述不是本文的重點(diǎn),本文主要是對(duì)JS操作JSON的方法做下總結(jié)。
在JSON中,有兩種結(jié)構(gòu):對(duì)象和數(shù)組。
1. 一個(gè)對(duì)象以“{”(左括號(hào))開(kāi)始,“}”(右括號(hào))結(jié)束。每個(gè)“名稱(chēng)”后跟一個(gè)“:”(冒號(hào));“‘名稱(chēng)/值' 對(duì)”之間使用“,”(逗號(hào))分隔。 名稱(chēng)用引號(hào)括起來(lái);值如果是字符串則必須用括號(hào),數(shù)值型則不需要。例如:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
2. 數(shù)組是值(value)的有序集合。一個(gè)數(shù)組以“[”(左中括號(hào))開(kāi)始,“]”(右中括號(hào))結(jié)束。值之間使用“,”(逗號(hào))分隔。
例如:
var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];
為了方便地處理JSON數(shù)據(jù),JSON提供了json.js包,下載地址:http://www.json.org/json.js
在數(shù)據(jù)傳輸過(guò)程中,json是以文本,即字符串的形式傳遞的,而JS操作的是JSON對(duì)象,所以,JSON對(duì)象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵。例如:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON對(duì)象:
var str2 = { "name": "cxh", "sex": "man" };
一、JSON字符串轉(zhuǎn)換為JSON對(duì)象
要使用上面的str1,必須使用下面的方法先轉(zhuǎn)化為JSON對(duì)象:
//由JSON字符串轉(zhuǎn)換為JSON對(duì)象 var obj = eval('(' + str + ')');
或者
var obj = str.parseJSON(); //由JSON字符串轉(zhuǎn)換為JSON對(duì)象
或者
var obj = JSON.parse(str); //由JSON字符串轉(zhuǎn)換為JSON對(duì)象
然后,就可以這樣讀取:
Alert(obj.name); Alert(obj.sex);
特別注意:如果obj本來(lái)就是一個(gè)JSON對(duì)象,那么使用eval()函數(shù)轉(zhuǎn)換后(哪怕是多次轉(zhuǎn)換)還是JSON對(duì)象,但是使用parseJSON()函數(shù)處理后會(huì)有問(wèn)題(拋出語(yǔ)法異常)。
二、可以使用toJSONString()或者全局方法JSON.stringify()將JSON對(duì)象轉(zhuǎn)化為JSON字符串。
例如:
var last=obj.toJSONString(); //將JSON對(duì)象轉(zhuǎn)化為JSON字符
或者
var last=JSON.stringify(obj); //將JSON對(duì)象轉(zhuǎn)化為JSON字符 alert(last);
腳本之家友情提醒大家需要注意問(wèn)題:
上面的幾個(gè)方法中,除了eval()函數(shù)是js自帶的之外,其他的幾個(gè)方法都來(lái)自json.js包。新版本的 JSON 修改了 API,將 JSON.stringify() 和 JSON.parse() 兩個(gè)方法都注入到了 Javascript 的內(nèi)建對(duì)象里面,前者變成了 Object.toJSONString(),而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,則說(shuō)明您的json包版本太低。
以上所述是小編給大家介紹的JS操作JSON方法總結(jié)(推薦)的全部敘述,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
js中如何對(duì)json數(shù)組進(jìn)行排序
這篇文章主要介紹了js中如何對(duì)json數(shù)組進(jìn)行排序的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-04-04模仿JQuery sortable效果 代碼有錯(cuò)但值得看看
模仿JQuery sortable效果 代碼有錯(cuò)但值得看看,因?yàn)闀r(shí)間關(guān)系,需要的朋友可以參考下。2009-11-11clipboard.js無(wú)需Flash無(wú)需依賴(lài)任何JS庫(kù)實(shí)現(xiàn)文本復(fù)制與剪切
這篇文章主要實(shí)現(xiàn)了無(wú)需Flash無(wú)需依賴(lài)任何JS庫(kù)實(shí)現(xiàn)文本復(fù)制與剪切,是一款極現(xiàn)代的,不需要flash,不依賴(lài)任何其他js庫(kù)的非常小的插件,叫clipboard.js,感興趣的小伙伴們可以參考一下2015-10-10談?wù)凱HP中相對(duì)路徑的問(wèn)題與絕對(duì)路徑的使用
經(jīng)??吹接腥瞬仍诹薖HP路徑的坑上面了,感覺(jué)有必要來(lái)說(shuō)說(shuō)PHP中相對(duì)路徑的一些坑,以及PHP中絕對(duì)路徑的使用,下面一起來(lái)看看。2016-08-08如何將網(wǎng)頁(yè)表格內(nèi)容導(dǎo)入excel
這篇文章主要介紹了如何將網(wǎng)頁(yè)表格內(nèi)容導(dǎo)入excel,需要的朋友可以參考下2014-02-02關(guān)于onScroll事件在IE6下每次滾動(dòng)觸發(fā)三次bug說(shuō)明
今天測(cè)試發(fā)現(xiàn)IE6下用window.onscroll,每次滾動(dòng)時(shí)會(huì)觸發(fā)3次,而火狐、IE7沒(méi)此問(wèn)題,應(yīng)該是IE6的一個(gè)BUG2011-09-09使用Firebug對(duì)js進(jìn)行斷點(diǎn)調(diào)試的圖文方法
使用Firebug調(diào)試JavaScript非常方便。因?yàn)閖s的錯(cuò)誤不容易查找,用這個(gè)就方便多了。2011-04-04教你JavaScript利用charAt()統(tǒng)計(jì)出現(xiàn)次數(shù)最多的字符和次數(shù)
這篇文章主要介紹了JavaScript利用charAt()統(tǒng)計(jì)出現(xiàn)次數(shù)最多的字符和次數(shù)的操作方法,本文以判斷一個(gè)字符串'aabcdobdackoppz'中出現(xiàn)次數(shù)最多的字符,并統(tǒng)計(jì)其次數(shù)為例,通過(guò)實(shí)例代碼給大家詳細(xì)介紹,需要的朋友參考下吧2021-08-08