前端笔试题目总结——应用JavaScript函数递归打印数组到HTML页面上

数组如下：

var item=[{
 name:'Tom',
 age:70,
 child:[{
     name:'Jerry',
     age:50,
     child:[{
        name:'William',
        age:20
          }]
    },
    {
     name:'Jessi',
     age:30
    }]
}];

输出的HTTML如下：

<ol>
    <li>name:Tom</li>
    <li>age:70</li>
    <li>children:
        <ol>
            <li>name:Jerry</li>
            <li>age:50</li>
            <li>children:
                <ol>
                    <li>name:William</li>
                    <li>age:20</li>
                </ol>
            </li>
        </ol>
        <ol>
        <li>name:Jessi</li>
        <li>age:30</li>
        </ol>
    </li>
</ol>

思路分析：该数组是嵌套数组，遍历数组，当前元素具有child时，递归调用函数，不具有child时，</ol>结尾后封闭网页元素。

JavaScript函数实现如下：

var str="";
function test(obj){
    for(var key in obj){
       str+="<ol>";
       if(obj[key].hasOwnProperty("name")){
             str=str+"<li>"+"name:"+obj[key].name+"</li>";
       }
      if (obj[key].hasOwnProperty("age")) {
          str=str+"<li>"+"age:"+obj[key].age+"</li>";
           }
        if(!obj[key].hasOwnProperty("child")){
               str+="</ol>";
            str+="</li>";
            str+="</ol>";
           }
        if(obj[key].hasOwnProperty("child")){
          str=str+"<li>"+"children:";
          test(obj[key].child);
           }
    }    
}
test(item);
console.log("%s",str);