淺談JS中json數(shù)據(jù)的處理
1、 json數(shù)據(jù)結(jié)構(gòu)(對(duì)象和數(shù)組)
json對(duì)象:var obj = {"name":"xiao","age":12};
json數(shù)組:var objArray = [{"name":"xiao","age":12},{"name":"xiao","age":12}];
2、 處理json數(shù)據(jù),依賴文件有:jQuery.js
3、Note:數(shù)據(jù)傳輸過(guò)程中,json數(shù)據(jù)是以文本,即字符串格式形式存在;
JS語(yǔ)言操作的是JS對(duì)象;
所以json字符串與JS對(duì)象之間的轉(zhuǎn)換是關(guān)鍵;
4、數(shù)據(jù)格式
Json字符串:var json_str = ‘{"name":"xiao","age":12}';
Josn對(duì)象:var obj = {"name":"xiao","age":12};
JS對(duì)象:Object = {name: "xiao", age: 12}
5、類(lèi)型轉(zhuǎn)換
Json字符串——>JS對(duì)象,使用方法:
注明:
json_str、obj代表的是在本文子標(biāo)題4中的數(shù)據(jù)類(lèi)型;
obj = JSON.parse(json_str);
obj = jQuery.parseJSON(json_str);
Note:傳入畸形json字符串(例如:‘{name:"xiao",age:12}'),會(huì)拋出異常;
Json字符串格式,嚴(yán)格格式:‘{"name":"xiao","age":12}'
JS對(duì)象——>Json字符串:
json_str = JSON. stringify(obj);
NOTE:
1、eval()是JS原生函數(shù),使用該形式:eval(‘('+‘{name:"xiao",age:12}'+')'),并不安全,無(wú)法保證類(lèi)型轉(zhuǎn)換為JS對(duì)象;
2、上面3中方法,都經(jīng)過(guò)chrome瀏覽器測(cè)試,下面是測(cè)試結(jié)果截圖;
Json字符串——>JS對(duì)象;
JS對(duì)象——>Json字符串:
To園友:
對(duì)文中任何錯(cuò)誤的地方,歡迎您指出。
以上這篇淺談JS中json數(shù)據(jù)的處理就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序?qū)崿F(xiàn)經(jīng)典window掃雷游戲
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)經(jīng)典window掃雷游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-09-09JS數(shù)組reduce你不得不知道的25個(gè)高級(jí)用法
reduce作為ES5新增的常規(guī)數(shù)組方法之一,對(duì)比f(wàn)orEach 、filter和map,在實(shí)際使用上好像有些被忽略,下面這篇文章主要給大家介紹了關(guān)于JS數(shù)組reduce你不得不知道的25個(gè)高級(jí)用法,需要的朋友可以參考下2021-06-06js正則表達(dá)exec與match的區(qū)別說(shuō)明
本篇文章主要是對(duì)js正則表達(dá)exec與match的區(qū)別進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01使用Object.defineProperty如何巧妙找到修改某個(gè)變量的準(zhǔn)確代碼位置
Object.defineProperty() 方法直接在一個(gè)對(duì)象上定義一個(gè)新屬性,或者修改一個(gè)已經(jīng)存在的屬性, 并返回這個(gè)對(duì)象。下面這篇文章主要給大家介紹了關(guān)于使用Object.defineProperty如何巧妙找到修改某個(gè)變量的準(zhǔn)確代碼位置的相關(guān)資料,需要的朋友可以參考下2018-11-11網(wǎng)頁(yè)上的Javascript編輯器和代碼格式化
因?yàn)槲覀兊捻?xiàng)目可以通過(guò)編寫(xiě)腳本(javascript)進(jìn)行功能擴(kuò)展,所以為了方便現(xiàn)場(chǎng)實(shí)施人員,所以突發(fā)奇想想在網(wǎng)頁(yè)上(系統(tǒng)是B/S的)提供一個(gè)javascript的編輯器。2010-04-04弱類(lèi)型語(yǔ)言javascript中 a,b 的運(yùn)算實(shí)例小結(jié)
這篇文章主要介紹了弱類(lèi)型語(yǔ)言javascript中 a,b 的運(yùn)算,結(jié)合實(shí)例形式總結(jié)分析了js閉包函數(shù)中布爾值與字符串的a,b運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2019-08-08微信小程序?qū)崿F(xiàn)短信登錄的實(shí)戰(zhàn)
項(xiàng)目要求增加短信登錄及人臉識(shí)別登錄功能,本文就來(lái)實(shí)現(xiàn)一下 短信登錄功能,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10js獲取光標(biāo)位置和設(shè)置文本框光標(biāo)位置示例代碼
本實(shí)例描述了如何用Javascript來(lái)控制和獲取文本框/文本域的鼠標(biāo)光標(biāo)位置,以下代碼兼容IE和Chrome,F(xiàn)irefox,大家參考使用吧2014-01-01