JS中生成與解析JSON

js中生成json對象
javascript


js中解析json字符串:
java

1.eval("..."):json

  var a_id=eval(‘{"name":123}’);數組

  若是eval中的內容含有惡意腳本就麻煩了瀏覽器


2.json_parse:安全

  須要導入json_parse.js:函數

  <script src="js/json_parse.js"></script>  
  <script language="javascript">  
      var t = json_parse('{"name":123}');  
      alert(t.name);  
  </script>>
spa

  安全,解析速度快.net


3.var vjson = JSON.parse(jsonstr):orm

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

  <script src="js/json.js"></script>  
  <script language="javascript">  
      var t = JSON.parse('{"name":123}');  
      alert(t.name);  
  </script> 
  安全,解析速度也很快。




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

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. 

複製代碼 代碼以下:


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,100);//注意這裏的100 
alert(json); 


那麼獲得的是: 

空開來了10個字符。 

4.3.若是是一些轉義字符,好比「\t」,表示回車,那麼它每行一個回車。 

也是同樣。 

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

若是是var json = JSON.stringify(student,stu,「HaiKou」);//

相關文章
相關標籤/搜索