JS操作JSON常用方法


一、JSON字符串的替換

  工作經常遇到這樣的字符串,如下:

  

  需要經過替換后,才能從字符串轉化成JSON對象。這里我們需要用JS實現replaceAll的功能, 將所有的 ' \\" ' 替換成  ' " ' 。
  代碼如下,這里的gm是固定的,g表示global,m表示multiple:
var jsonStr=jsonStr.replace(new RegExp('\\"',"gm"), '"' );  

  替換后效果:

  

二、遍歷JSON對象和JSON數組

   1、遍歷JSON對象

    var packJson  = {"name":"Liza", "password":"123"} ; for(var k in packJson ){//遍歷packJson 對象的每個key/value對,k為key 
       alert(k + " " + packJson[k]); } 

  2、遍歷JSON數組

var packJson = [{"name":"Liza", "password":"123"}, {"name":"Mike", "password":"456"}]; for(var i in packJson){//遍歷packJson 數組時,i為索引 
   alert(packJson[i].name + " " + packJson[i].password); } 

三、遞歸遍歷

  為了實現一些復雜功能常常需要遞歸遍歷JSON對象,這里給出兩個遞歸的例子,希望能給大家參考遞歸的寫法。
  1、第一個例子是遞歸遍歷JSON,遇到數組的時候,數組中有超過一個對象,刪除第一個對象之后的所有對象。
  舉個例子,原始JSON如下:    期望處理后的JSON如下:

  遞歸代碼如下:

    /** *返回處理后的 json字符串 */ function jsonParse(jsonObj) { distinctJson(jsonObj); var last=JSON.stringify(jsonObj, undefined, 2); return last; } /** * 去掉 json中數組多余的項 */ function distinctJson(obj) { if(obj instanceof Array) { if(obj.length > 1) { //數組中有超過一個對象,刪除第一個對象之后的所有對象 
                      obj.splice(1, (obj.length - 1)); } distinctJson(obj[0]); } else if(obj instanceof Object) { for( var index in obj){ var jsonValue = obj[index]; distinctJson(jsonValue); } } } 
  
   2、第二個例子是遞歸查找目標節點(節點id為targetId,有且只有一個),找到后把targetChildren賦值給節點的children。
  舉個例子,原始JSON如下,查找的目標節點id為5:
  
  targetChildren為:
  
  期望最后處理的JSON結果為:
  

  遞歸代碼如下:

    /** * 遞歸查找目標節點 */ function findTarget(obj,targetId,targetChildren){ if(obj.id==targetId){ obj.children=targetChildren; return true; }else{ if(obj.children!=null){ for(var i=0; i<obj.children.length; i++){ var flag=findTarget(obj.children[i],targetId,targetChildren); if(flag==true){ return true; } } } } return false; } 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM