解析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)文章
這篇文章主要分享了一些前端性能優(yōu)化的建議，幫助大家提高頁(yè)面性能，感興趣的朋友可以了解下2020-09-09
java前端javascript生成動(dòng)態(tài)表格示例演示
這篇文章主要為大家介紹了java前端javascript生成動(dòng)態(tài)表格的實(shí)現(xiàn)示例及演示，2022-03-03
使用Post提交時(shí)須將空格轉(zhuǎn)換成加號(hào)的解釋
參數(shù)有中包含空格且使用Post提交時(shí)須將空格轉(zhuǎn)換成加號(hào),這樣后臺(tái)程序接受到的才是真正的空格,感興趣的朋友可以了解下2013-01-01
微信小程序?qū)崿F(xiàn)移動(dòng)端滑動(dòng)分頁(yè)效果（ajax）
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)移動(dòng)端滑動(dòng)分頁(yè)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
VantWeapp是有贊團(tuán)隊(duì)開(kāi)源的小程序UI組件庫(kù),可快速搭建小程序項(xiàng)目,小程序支持npm安裝第三方包,但需使用開(kāi)發(fā)者工具構(gòu)建,VantWeapp提供全局和局部注冊(cè)方式,支持自定義事件和插槽,可通過(guò)解除樣式隔離、使用外部樣式類(lèi)和CSS變量修改組件樣式2024-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)的兩種方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
用js控制組織結(jié)構(gòu)圖可以任意拖拽到指定位置
用js控制生成了一個(gè)組織結(jié)構(gòu)圖并設(shè)置這個(gè)組織結(jié)構(gòu)可以任意拖動(dòng)到指定位置，具體代碼如下2014-01-01
javascript tips提示框組件實(shí)現(xiàn)代碼
一個(gè)簡(jiǎn)單的類(lèi)似title的提示效果，但現(xiàn)實(shí)內(nèi)容可以很豐富，以上js另存為tip.js，下面是使用的demo。2010-11-11
js簡(jiǎn)單實(shí)現(xiàn)刪除記錄時(shí)的提示效果
刪除記錄時(shí)的提示效果，挺人性化的，實(shí)現(xiàn)的方法有很多，在本文為大家介紹下使用js是如何實(shí)現(xiàn)的2013-12-12
JS實(shí)現(xiàn)帶鼠標(biāo)效果的頭像及文章列表代碼
這篇文章主要介紹了JS實(shí)現(xiàn)帶鼠標(biāo)效果的頭像及文章列表代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)切換頁(yè)面元素樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09