首页 > 代码库 > js处理json js递归

js处理json js递归

 

 1 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 3 <html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <title>JOSN演示</title> 7 <script src="component/jquery-1.11.1.js"></script> 8 <script> 9     $(document).ready(function() {10         var jsonStr = "{‘name‘: ‘cxh‘, ‘sex‘: ‘man‘, ‘age‘: 1}";11         var obj = eval(( + jsonStr + ));12         var traverseJson="{ ‘name‘: ‘cxh‘, ‘sex‘: ‘man‘, ‘age‘: 1},解析结果:</br>";13         for(var a in obj) {14             traverseJson += "key: " + a +",value: " + obj[a]+" </br> ";15         }16         $("#traverseJson").html(traverseJson);17         var arrayStr = [{"name":"运维管理","tId":"roleMenu0_1","children":[{"name":"权限管理","tId":"roleMenu0_2","children":[{"name":"角色管理","tId":"roleMenu0_3"},{"name":"用户管理","tId":"roleMenu0_4"}]},{"name":"菜单分配","tId":"roleMenu0_5"}]}];18         var str = "";19         f(arrayStr, str);20     });21     22     function f(array, str) {23         str += "--";24         for (var i = 0; i < array.length; i++) {25             var object = array[i];26             if (object.children) {27                 $("#traverseArray").append(str + object.name +" </br> ");28                 f(object.children, str);29             } else {30                 $("#traverseArray").append(str + object.name +" </br> ");31             }32         }33     }34 </script>35 </head>36 <body>37     <font color="red" id="traverseJson"></font>38     <hr/>39     <font color="red" id="traverseArray"></font>40 </body>41 </html>

输出结果为:

技术分享

js处理json js递归