解析Json字符串的三種方法日常常用
在很多時(shí)候，我們的需要將類(lèi)似 json 格式的字符串?dāng)?shù)據(jù)轉(zhuǎn)為json,
下面將介紹日常中使用的三種解析json字符串的方法
1.首先，我們先看一下什么是 json 格式字符串?dāng)?shù)據(jù)，很簡(jiǎn)單，就是 json 字符串化，在json 最外加單/雙號(hào)變?yōu)樽址當(dāng)?shù)據(jù)
var str='{"name":"Mike","sex":"女","age":"29"}';
var t2="[{name:'lisi',age:'30'},{name:'wangwu',age:'16'},{name:'tianqi',age:'7'}] "；
2.我們用Object.prototype.toString.call() 來(lái)檢測(cè)數(shù)據(jù)類(lèi)型
console.log(Object.prototype.toString.call(str));//[object String] console.log(Object.prototype.toString.call(t2));//[object String]
第一種方法：evel();
特點(diǎn)：安全性底，不建議使用,單個(gè)JSON對(duì)象時(shí)要加括號(hào)，JSON數(shù)組就不需要了
示例：
var evajson =eval('('+str+')');
var evajsarr = eval(t2);
轉(zhuǎn)換后，再使用Object.prototype.toString.call() 來(lái)檢測(cè)轉(zhuǎn)換后的數(shù)據(jù)類(lèi)型
console.log(Object.prototype.toString.call(evajso))//[object Object] console.log(Object.prototype.toString.call(evajsarr))//[object Array]
第二種：new Function()
注意：函數(shù)要有返回，所以要加“return”；
示例：
var fnjson = new Function("return"+str)();
var fnjsonArr = new Function("return"+t2)();
轉(zhuǎn)換后，再使用Object.prototype.toString.call() 來(lái)檢測(cè)轉(zhuǎn)換后的數(shù)據(jù)類(lèi)型
console.log(Object.prototype.toString.call(fnjson ))//[object Object] console.log(Object.prototype.toString.call(fnjsonArr ))//[object Array]
第三種：JSON.parse()
特點(diǎn)：主流，兼容性好，推薦
示例：
var parjson = JSON.parse(str); var parjson = JSON.parse(t2);
檢測(cè)轉(zhuǎn)后的數(shù)據(jù)類(lèi)型
console.log(Object.prototype.toString.call(parjson ))//[object Object] console.log(Object.prototype.toString.call(parjson ))//[object Array]
總結(jié)
以上所述是小編給大家介紹的解析Json字符串的三種方法日常常用，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
- Json_decode 解析json字符串為NULL的解決方法(必看)
- 解析錯(cuò)誤富文本json字符串(帶雙引號(hào))的快速解決方法
- JS中Eval解析JSON字符串的一個(gè)小問(wèn)題
- jquery解析json格式數(shù)據(jù)的方法(對(duì)象、字符串)
- Jquery解析json字符串及json數(shù)組的方法
- php解析http獲取的json字符串變量總是空白null
- VBScript把json字符串解析成json對(duì)象的2個(gè)方法
- 解析JSON對(duì)象與字符串之間的相互轉(zhuǎn)換
- js 將json字符串轉(zhuǎn)換為json對(duì)象的方法解析
- jQuery怎么解析Json字符串(Json格式/Json對(duì)象)
- JS解析json數(shù)據(jù)并將json字符串轉(zhuǎn)化為數(shù)組的實(shí)現(xiàn)方法
相關(guān)文章
學(xué)前端,css與javascript重難點(diǎn)淺析
JavaScript是一種屬于網(wǎng)絡(luò)的腳本語(yǔ)言,已經(jīng)被廣泛用于Web應(yīng)用開(kāi)發(fā)，CSS（Cascading Style Sheet）層疊樣式表單，今天給大家分享css與javascript重難點(diǎn)，感興趣的朋友一起看看吧2020-06-06
微信小程序如何刷新當(dāng)前界面的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序如何刷新當(dāng)前界面的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-06-06
這篇文章主要給大家介紹了關(guān)于ES6學(xué)習(xí)教程之Promise用法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要介紹了10大Js圖像處理庫(kù)，對(duì)圖像處理感興趣的同學(xué)，可以參考下2021-04-04
Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)的方法
這篇文章主要介紹了Bootstrap Table實(shí)現(xiàn)定時(shí)刷新數(shù)據(jù)的方法，在這里小編比較推薦使用第二種方法，需要的朋友參考下吧2018-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義聯(lián)系人彈窗，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
javascript漢字轉(zhuǎn)拼音的代碼...2007-02-02
這篇文章主要介紹了JavaScript取得WEB安全顏色列表的方法,分析了web安全顏色的定義及javascript獲取web安全顏色的實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
js打造數(shù)組轉(zhuǎn)json函數(shù)
這里給大家分享的是一段使用js實(shí)現(xiàn)數(shù)組轉(zhuǎn)換成json的函數(shù)代碼，代碼簡(jiǎn)潔易懂，并附上了使用方法，小伙伴們拿去試試。2015-01-01
在本文中給大家分享如何使用raphael.js來(lái)完成地圖交互,raphael.js是一個(gè)很小的javascript庫(kù)，它可以在網(wǎng)頁(yè)中實(shí)現(xiàn)繪制各種矢量圖、各類(lèi)圖表、以及圖像裁剪、旋轉(zhuǎn)、運(yùn)動(dòng)動(dòng)畫(huà)等等功能,需要的朋友可以參考下2014-02-02