js递归实现动态解析json字符串未知key的方法

叁歲伎倆 2022-05-24 00:45 613阅读 0赞

当存在要解析未知key的json数据时，我们就需要一个递归方法来实现解析操作。

1、定义一个json字符串。

var data = "{name:'尼古拉斯赵四',sex:'男',age:40,birth:{year:1978,month:5,day:21},test:[{'url':'www.baicu.com'},{'url':'www.tmall.com'},{'url':'www.taobao.com'}]}";

2、定义判断对象是不是json对象的函数和是不是数组的函数

//判断obj是否为json对象 
    	function isJson(obj){   
        var isjson = typeof(obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object object]" && !obj.length;   
        return isjson;  
    	} 	
    	//判断是不是数组
    	function isArrayFn(o) { 
        return Object.prototype.toString.call(o) === '[object Array]';
      }

3、递归函数  
递归函数有三个要素：  
① 一定有一种可以退出程序的情况；  
② 总是在尝试将一个问题化简到更小的规模  
③ 父问题与子问题不能有重叠的部分

4、当文档加载时调用的递归函数函数

window.onload = function(){ 
      //使用eval函数将data字符串，转换成json对象。
        stack(eval('('+data+')'));
      }

5、效果：  
![这里写图片描述][70]

[70]: /images/20220524/6431f1936b15459c88fdecce5708f2e5.png