js字符串轉(zhuǎn)json的三種簡(jiǎn)單方法舉例
1.eval方式解析
function strToJson(str){
var json = eval("(" + str + ")");
return json;
}
console.log(strToJson("{'int':1, 'string':'demo'}"));運(yùn)行截圖：
注： 記得別忘了str兩旁的小括號(hào)。
永遠(yuǎn)不要使用 eval !!!
eval() 是一個(gè)危險(xiǎn)的函數(shù)， 它使用與調(diào)用者相同的權(quán)限執(zhí)行代碼。如果你用 eval() 運(yùn)行的字符串代碼被惡意方（不懷好意的人）修改，您最終可能會(huì)在您的網(wǎng)頁/擴(kuò)展程序的權(quán)限下，在用戶計(jì)算機(jī)上運(yùn)行惡意代碼。更重要的是，第三方代碼可以看到某一個(gè) eval() 被調(diào)用時(shí)的作用域，這也有可能導(dǎo)致一些不同方式的攻擊。相似的 Function 就不容易被攻擊
2.new Function形式
function strToJson(str){
var json = (new Function("return " + str))();
return json;
}
console.log(strToJson("{'int':1, 'string':'demo'}"));運(yùn)行截圖：
3.使用全局的JSON對(duì)象
function strToJson(str){
return JSON.parse(str);
}
console.log(strToJson('{"int":1, "string":"demo"}'));
運(yùn)行截圖：
注： 單引號(hào)，雙引號(hào)的位置。 使用JSON.parse需嚴(yán)格遵守JSON規(guī)范，如屬性都需用引號(hào)引起來。
總結(jié)
到此這篇關(guān)于js字符串轉(zhuǎn)json的三種簡(jiǎn)單方法的文章就介紹到這了,更多相關(guān)js字符串轉(zhuǎn)json內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript cookie的設(shè)置獲取刪除詳解
這篇文章主要介紹了JavaScript cookie的設(shè)置獲取刪除等等，,需要的朋友可以參考下2014-02-02
前端實(shí)現(xiàn)電子簽名(web、移動(dòng)端)通用的實(shí)戰(zhàn)過程
電子簽名通俗來說就是通過技術(shù)手段實(shí)現(xiàn)在電子文檔上加載電子形式的簽名,下面這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)電子簽名(web、移動(dòng)端)通用的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
微信小程序云開發(fā)實(shí)現(xiàn)數(shù)據(jù)添加、查詢和分頁
這篇文章主要為大家詳細(xì)介紹了微信小程序云開發(fā)實(shí)現(xiàn)數(shù)據(jù)添加、查詢和分頁，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
JavaScript 處理樹數(shù)據(jù)結(jié)構(gòu)的方法示例
這篇文章主要介紹了JavaScript 處理樹數(shù)據(jù)結(jié)構(gòu)的方法示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-06-06
下面小編就為大家?guī)硪黄鶭S獲取元素的位置與尺寸實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
JavaScript緩動(dòng)動(dòng)畫函數(shù)的封裝方法
這篇文章主要為大家詳細(xì)介紹了JavaScript緩動(dòng)動(dòng)畫函數(shù)的封裝方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要為大家詳細(xì)介紹了springMVC結(jié)合AjaxForm上傳文件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要介紹了JavaScript交換兩個(gè)變量方法實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
Javascript動(dòng)態(tài)創(chuàng)建div的方法
這篇文章主要介紹了Javascript動(dòng)態(tài)創(chuàng)建div的方法,是javascript節(jié)點(diǎn)操作的典型應(yīng)用,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02
通過Three.js的材質(zhì)和幾何體,我們可以很方便的創(chuàng)建基礎(chǔ)3D模型,下面這篇文章主要給大家介紹了關(guān)于three.js載入常用類型3D模型的幾種方法,需要的朋友可以參考下2024-04-04