淺談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ù)，依賴(lài)文件有：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)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)單吸頂效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
js采用concat和sort將N個(gè)數(shù)組拼接起來(lái)的方法
這篇文章主要介紹了js采用concat和sort將N個(gè)數(shù)組拼接起來(lái)的方法,涉及JavaScript針對(duì)數(shù)組的合并與排序操作相關(guān)技巧,需要的朋友可以參考下2016-01-01
js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊飄愛(ài)心效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊飄愛(ài)心效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-08-08
微信小程序中的數(shù)據(jù)存儲(chǔ)實(shí)現(xiàn)方式
這篇文章主要介紹了微信小程序中的數(shù)據(jù)存儲(chǔ)實(shí)現(xiàn)方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-08-08
ES6 javascript中Class類(lèi)繼承用法實(shí)例詳解
這篇文章主要介紹了ES6 javascript中Class類(lèi)繼承用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了ES6繼承的基本用法、相關(guān)屬性、方法與使用技巧,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了JavaScript獲取和操作時(shí)間戳的相關(guān)資料,時(shí)間戳通常用于記錄時(shí)間、計(jì)算時(shí)間差、生成唯一的標(biāo)識(shí)符等,文章詳細(xì)講解了如何使用Date.now()和new?Date().getTime()獲取當(dāng)前時(shí)間戳,需要的朋友可以參考下2025-04-04
干貨分享：讓你分分鐘學(xué)會(huì)javascript閉包
干貨分享：讓你分分鐘學(xué)會(huì)javascript閉包，如何才能快速學(xué)會(huì)javascript閉包，本文為大家揭曉2015-12-12
禁止彈窗中蒙層底部頁(yè)面跟隨滾動(dòng)的幾種方法
我們大家在做彈出層的時(shí)候，必不可少的一個(gè)元素就是蒙層，也就是遮罩層，當(dāng)彈出層滾動(dòng)的時(shí)候，蒙層底部的頁(yè)面一般是要求固定不動(dòng)的，所以這篇文章就來(lái)給大家介紹了如何禁止彈窗中蒙層底部頁(yè)面跟隨滾動(dòng)的幾種方法，需要的朋友可以參考下。2017-12-12
JS判斷元素是否存在數(shù)組中的5種方式總結(jié)
數(shù)組是我們編程中經(jīng)常使用的的數(shù)據(jù)結(jié)構(gòu)之一,在處理數(shù)組時(shí)我們經(jīng)常需要在數(shù)組中查找特定的值,下面這篇文章主要給大家總結(jié)介紹了關(guān)于JS判斷元素是否存在數(shù)組中的5種方式,需要的朋友可以參考下2023-03-03
原生js實(shí)現(xiàn)的金山打字小游戲（實(shí)例代碼詳解）
這篇文章主要介紹了原生js實(shí)現(xiàn)的金山打字小游戲，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03