JS中生成與解析JSON

jopen 10年前發布 | 35K 次閱讀 JSON JSON開發包

js中生成json對象

js中解析json字符串：

1.eval("...")：

var a_id=eval(‘{"name":123}’）;

如果eval中的內容含有惡意腳本就麻煩了

2.json_parse：

需要導入json_parse.js：

安全，解析速度快

3.var vjson = JSON.parse(jsonstr)：

支持IE8和fireFox3這兩個有內置json對象的瀏覽器；其他瀏覽器要引入json.js文件

----------------------------------分割線-------------------------------------------------------

js中解析json字符串

JSON.stringify：

語法：
JSON.stringify(value [, replacer] [, space])
value：是必須要的字段。就是你輸入的對象，比如數組啊，類啊等等。
replacer：這個是可選的。它又分為2種方式，一種是方法，第二種是數組。
情況一：我們先說數據，通過我們后面的實驗可以知道，它是和第一個有關系的。一般來說，我們系列化后的結果是通過鍵值對來進行表示的。
比如說：
name:"lan",age:25
這種形式。
所以，如果這種形式的話，如果第二個的值在第一個存在，那么的話就以第二個的值做key，第一個值為value進行表示，如果不存在，sorry，忽略。【是不是有點抽象，我也這么覺得，不過你等一下看實驗就OK了。。呼呼。】
情況二：如果是方法，那很簡單，就是說把系列化后的每一個對象（記住是每一個）傳進方法里面進行處理。
space：很好理解，用什么來做分隔符的。
1.如果省略的話，那么顯示出來的值就沒有分隔符。直接輸出來
2.如果是一個數字的話，那么它就定義縮進幾個字符，當然如果大于10 ，則最大值為10.
3.如果是一些轉義字符，比如“\t”，表示回車，那么它每行一個回車。
4.如果僅僅是字符串，OK，就在每行輸出值的時候把這些字符串附加上去就OK。當然，最大長度也是10個字符。
開始用實例說明；
1.只有一個參數的情況下：

復制代碼代碼如下:

var student = new Object();
student.name = "Lanny";
student.age = "25";
student.location = "China";
var json = JSON.stringify(student);
alert(student);

結果如下:

有些人可能會懷疑JSON.stringify的作用，OK。那假如，我們不要這個函數。代碼下面的樣子：

復制代碼代碼如下:

var student = new Object();
student.name = "Lanny";
student.age = "25";
student.location = "China";

// var json = JSON.stringify(student);
alert(student);

　恭喜你得到的結果是：

沒騙你吧，繼續。
2.第二個參數存在，并且第二個參數還是function的時候

復制代碼代碼如下:

var students = new Array() ;
students[0] = "Lanny";
students[1] = "dong";
students[2] = "I love you";
var json = JSON.stringify(students,switchUpper);
function switchUpper(key, value) {
return value.toString().toUpperCase();
}
alert(json);

　　　　　　　　//var json = JSON.stringify(students, function (key,value) {

　　　　　　　　//return value.toString().toUpperCase();

　　　　　　　//});

　　　　上面的方法也可以換成下面的，2個都是一樣，只是寫法有那么一點點的不一樣而已。
　得到結果如下：

3.第二個參數存在，并且第二個參數不是function，而是數組的時候。
3.1 【誤區】如果第一個參數是數組，第二個參數也是數組的話，只顯示第一個參數的值。
比如：

復制代碼代碼如下:

var students = new Array() ;
students[0] = "Lanny";
students[1] = "dong";
students[2] = "I love you";
var stu = new Array();
stu[0] = "1";
stu[1] = "2";
var json = JSON.stringify(students,stu);
alert(json);

　sorry 得到的結果就是：

第二個被忽略了，只是第一個被系列化了。

3.2 如果第一個是對象（這里說的對象就像在C#里面可以進行new的），第二個是數組的。

那么如果第二個的value在第一個存在，那么的話就以第二個的值做key，第一個值為value進行表示

復制代碼代碼如下:

var student = new Object();
student.qq = "5485891512";
student.name = "Lanny";
student.age = 25;

var stu = new Array();
stu[0] = "qq";
stu[1] = "age";
stu[2] = "Hi";//這個student對象里不存在。

var json = JSON.stringify(student,stu);
alert(json);

　得到的結果如下：

因為stu[2] = "Hi";這個Hi 在第一個找不到，所以就不進行顯示了。

4.第三個參數

4.1.如果省略的話，那么顯示出來的值就沒有分隔符。直接輸出來

比如：

復制代碼代碼如下:

var student = new Object();
student.qq = "5485891512";
student.name = "Lanny";
student.age = 25;

var stu = new Array();
stu[0] = "qq";
stu[1] = "age";
stu[2] = "Hi";

var json = JSON.stringify(student,stu);
alert(json);

　輸出的就是：

4.2.如果是一個數字的話，那么它就定義縮進幾個字符，當然如果大于10 ，則最大值為10.

復制代碼代碼如下:

那么得到的是：

空開來了10個字符。

4.3.如果是一些轉義字符，比如“\t”，表示回車，那么它每行一個回車。

也是一樣。

4.4.如果僅僅是字符串，OK，就在每行輸出值的時候把這些字符串附加上去就OK。當然，最大長度也是10個字符。

如果是var json = JSON.stringify(student,stu,“HaiKou”);//