JavaScript中字符串(string)轉(zhuǎn)json的方法

2022-05-17 14:45 更新

JavaScript中字符串(string)轉(zhuǎn)json的方法主要有四種,詳細(xì)介紹如下:

第一種方式:使用js函數(shù)eval();

testJson=eval(testJson);是錯(cuò)誤的轉(zhuǎn)換方式。

正確的轉(zhuǎn)換方式需要加(): testJson = eval("(" + testJson + ")");

eval()的速度非???,但是他可以編譯以及執(zhí)行任何javaScript程序,所以會(huì)存在安全問題。在使用eval()。來源必須是值得信賴的。需要使用更安全的json解析器。在服務(wù)器不嚴(yán)格的編碼在json或者如果不嚴(yán)格驗(yàn)證的輸入,就有可能提供無效的json或者載有危險(xiǎn)的腳本,在eval()中執(zhí)行腳本,釋放惡意代碼。

js代碼:

代碼如下:

function ConvertToJsonForJs() {
//var testJson = "{ name: '小強(qiáng)', age: 16 }";(支持)
//var testJson = "{ 'name': '小強(qiáng)', 'age': 16 }";(支持)
var testJson = '{ "name": "小強(qiáng)", "age": 16 }';
//testJson=eval(testJson);//錯(cuò)誤的轉(zhuǎn)換方式
testJson = eval("(" + testJson + ")");
alert(testJson.name);
}


第二種方式:使用jquery.parseJSON()方法對(duì)json的格式要求比較高,必須符合json格式

jquery.parseJSON()

js:代碼

代碼如下:

function ConvertToJsonForJq() {
var testJson = '{ "name": "小強(qiáng)", "age": 16 }';
//不知道
//'{ name: "小強(qiáng)", age: 16 }' (name 沒有使用雙引號(hào)包裹)
//"{ 'name': "小強(qiáng)", 'age': 16 }"(name使用單引號(hào))
testJson = $.parseJSON(testJson);
alert(testJson.name);
}


第三種方式:使用Function來進(jìn)行轉(zhuǎn)換

js:代碼

代碼如下:

var jsonStr = '{"userName": "tiu","userAge": 26,"isMale": true}';
var json = (new Function("return " + jsonStr))();

可以看到其原理就是拼接js代碼字符串,然后使用Function創(chuàng)建一個(gè)匿名方法然后調(diào)用之!


第四種方式:使用JSON全局對(duì)象,不過比較可惜的是IE8以下的版本沒有這個(gè)對(duì)象,如果不考慮兼容IE8一下版本的話JSON全局對(duì)象是個(gè)很有用的東西

代碼如下:

var jsonStr = '{"userName": "tiu","userAge": 26,"isMale": true}';
var json = JSON.parse(jsonStr);
var str = JSON.stringify(json);
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)