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