<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 <title>JOSN演示</title>

 <script src="component/jquery-1.11.1.js"></script>

 <script>

     $(document).ready(function() {

         var jsonStr = "{'name': 'cxh', 'sex': 'man', 'age': 1}";

         var obj = eval('(' + jsonStr + ')');

         var traverseJson="{ 'name': 'cxh', 'sex': 'man', 'age': 1},解析结果：</br>";

         for(var a in obj) {

             traverseJson += "key: " + a +",value: " + obj[a]+" </br> ";

         }

         $("#traverseJson").html(traverseJson);

         var arrayStr = [{"name":"运维管理","tId":"roleMenu0_1","children":[{"name":"权限管理","tId":"roleMenu0_2","children":[{"name":"角色管理","tId":"roleMenu0_3"},{"name":"用户管理","tId":"roleMenu0_4"}]},{"name":"菜单分配","tId":"roleMenu0_5"}]}];

         var str = "";

         f(arrayStr, str);

     });

     function f(array, str) {

         str += "--";

         for (var i = 0; i < array.length; i++) {

             var object = array[i];

             if (object.children) {

                 $("#traverseArray").append(str + object.name +" </br> ");

                 f(object.children, str);

             } else {

                 $("#traverseArray").append(str + object.name +" </br> ");

             }

         }

     }

 </script>

 </head>

 <body>

     <font color="red" id="traverseJson"></font>

     <hr/>

     <font color="red" id="traverseArray"></font>

 </body>

 </html>

输出结果为：

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZcAAADgCAIAAABAVLyXAAARz0lEQVR4nO3d7ZWrLBSG4fRkLacFerIWarEWzg9H3cAGQU0Eva+V9a73zCRKvp4BVPbHAUDPPnc3AABOIcUA9I0UA9A3UgxA30gxAH0jxQD0jRQD0DdSDEDfSDEAfSPFypiP+5i7G4H2WFP3wbDGDWPid5MbPu7z8e4wje4zuCncivbD98qm2DS6z8cZq/zKfNJvxs8VNuZMm/Mp9oMGNLjrS/b47YbVbn8c3Dh5//x8nPYNcM795Y78gsxfmeAmG+ClmA3vOUbJZNQvYCrFog0qtwf+Mc6kWPQOSaTYjxvQ4K4v2WM7KWYSUTIOybfeGj0dxmH74gSdrzDFsl0q2dGb8zR1+9udDTNXtsTV9xw7kUmx6BWRxqGhFCtszJk251PsBw1ocNeX7PHbDSvcvpnDyyoppo/plm6XlQ8XW4tTLIwhs5dikxu03plz9MUCJ1JsfZ/M+pYEfxnEndVfzQ+UnXDrttmBeDvynvJXW2MmN6T/9gZ/l+SO5OdsvYscUOefY7jlghdNbkp+UtXnmGnYgede+7Ln374rX5P0vpzf8Rlt+GRPfjaWfVSk2Np3227z3fwvTvwEC/ti2z3jVmVT7HhfrOQlatHRFJOMn/Hzp2190a3Z/n/+qK3/NHLWQHyLrHZn7582MWFX/DYEU37TKL7JyxORg5H8c6zmt39c9pJ8jumGiadU+tyrXvbdt++y1yS7r2Dj3lO48LNRk2JumUSbRjeMzk1uGNy0dsTWcJePXV9ts+wulWLiffl7Ov5P9O4VKRaqSrHordJfC/9XwQPnT+r2oss7R9u05sRhmnQL1++DHC/UPceS/Y/aa5t9jqmGHVDxsmdbeO1rkttXPEVrwyC+5rNxOsVMtgc6v3fD6A1g1Zt8kUu6tLL9O7dXjSjLPwrxnJHeWbDKOyQfGH8/1+0Ef5nVO1fQPqxyp58h/NqUPseaBgQb3H2OasMOKH/ZlTan377kAw/w9xW/MjK5rvxsqB+M9KclnOoa3CRSz0SPGgc3DG4Yl/vY8M9J8OrJzml5+5nd/1P11yz/ad6mM0z4q9oUi2/Hvs47n3ItYi7/xm7PyO9t5Z6j1rADqlKs/O1zp1+T1L6U9ytKsWs+G6nASvw8NaLUG2Pdx3iT/eOYS7HgeY1T8jBl5jUvnJ3s3Lf7YtHbfybFrno7lL/twvpZ+WJfzG/J9jc8+xzVhh1QkWI1b5+7on+q7qskxa75bNT3xYIUsyKYgr7YHCgyqqbRewGDFJvf7ngLcRv0Y6DZ25npy/ZcNS+W+DSHnzA5nVH1dcqevFZtb17Mzp8JEeLfGz1tkZp9jqmGHXD8j0f27XPnXpPcvqIJ+3WCyblLPxuV82Jht8u/W3j6hXHOj6rcqWSafIoF5mabwZlnjiKlL6dY8PkLDi0dGNrIY1hnjtMFU9ryGKU6Z1z+jS2Zjp1G/+jb8ulPPsfsgY7l3jXHKGv6YoVvnzv3muT35Z1rEl2pc9lnoyDFjN9I67y+2Gj8XIsGfTKqgpdFTTHZAS9PsfWN+HtI4Xf57cco059mObwfp4Mjyr8WGeVj4al5G2TD5odkDt5VHcGoOD0l+gOuPsedo4p/z+cLKVbz9rnTr0lmX84fMVn1uOSJz0ZyMitIMflc7DYVIOfF5DbjgdsWVdFpFl6KLUkdXw6VmxdbHqWerWZ2pwvfnGJYZUYfr/WV1+TaGYb8rkb/CIzoOHtf+MoUi/unJ0eUakjFDzFXTK02Zu86ymfNAn7d7gfxhb7xmlx7tCdPXkcZjAdTI9z1DqkUC+b1441f5e3HKF10gjtwFy8RbHrYeLWdNS3QBNYXQyfk1BV/WSGQYgD6RooB6BspBqBvpBiAvqVTLLNQL6Rvr7lcK78sLfA4pNhppBhwK1LsNFIMuBUpdhopBtyqOMWMf22qWqwheXnw7oW4txYfCVuyPcBrdqYZydUmsvUKixaJFneQl/4eLnQCPE5ZigUXmqaKNczrCgRLRK0rZ+0sJ9BA8ZFgYUj5kHwzClMsXxwk9frcXOgEaF1BioWXkmWKNdgwgEoWM2io+EjcfnVoFjWjKMWOFbm4u9AJ0Ly9FAu7V3vFGoJOQclYpqniI/vt15pRkmIHi1zcXugEaF0+xbT1RvLFGoJ+2flFFn9cfCTV/nwzylOspA1SC4VOgLbt9cXixXlKvlfjVFEzqq3iI0t4ee3fa0Z5itXOs7dT6ARoVcG8mDrflBkqzotPFg4nXXvFR+aWm2hWPtOMfJPkvFj14cKWCp0ATSo7RhkEWb5Yw7yq75A9ICDdXnwkLuIQtn+vGfpelsOm+69b9vX5XqET4BGKzxebBy/KdFX8DfFPAlh/ciTFflB8JJ6/SxfuTjUjX+QijMhE0YdM0Hyl0AnwEN9Y06KrBfup9wF07gsp1lcuUO8D6NwXUqx8Xh8ATrs0xYK5MwD4PtZ6BdA3UgxA30gxAH0jxQD0jbVeF5waCvSJFFuQYkCfSLEFKQb0iRRbkGJAnxqoHiLrXMRLoQa7yFTN8JraXhGQ2lon+ZopFAcBFrdXD/EXvRn9pSxShTbUqhnbJpssAlJV62S3ZgrFQYDF3dVD9BVQs4U2UlUzxL2jZtxeBKSq1sleOykOAgi3Vw9JL+aVKbShVs2QmisCUr8aWqadLB8GCA1UD9k26Pe2UrtwTs8+qbUiIO7QyrSpdpJigNBA9RC52Tl6dns3atWMuBntFAFxVSlWUzPFkWJ4uwaqh6y2wVp2F6mqGYG2ioCcqdiUrZniSDG83d3VQ6ZRPxpQVGgjmvZuuQhIbV+ssGaKI8Xwdo1UD/HnxTK7SB7pa74ISNW8WHnNlLjlwMs8pXpIX4v9A7jOU6qHUAQEeCuqhwDoG9VDAPSNtV4B9I0UA9A3UgxA30gxAH1jrVcN55EC/SDFND9LsXFggUPgJFJM84MUM+ICIwAnkGKab6eYmcMrWoEHQL0WqoekK2U4/7rr0Ybb0at4+A1osJLI8txIMeC826uHZCtlBGvgBGvUJKt4+BtvsJJI+PoAOO7u6iGhaPkwL5jkeoGFVTyarCSitg3AIbdXD5H8ShnxjmRqlFfxaLCSiNwvKQac00D1kFSlDCURohRLNSPcfmOVRJYWkGLAebdXD0lXyihJsaK8aK+SSKoNAOrdXT0kVykjmrCf75ycNUtrrZKI3CkpBpxzd/WQfKUM78DCUsVDr/HhN6PxSiKyDaQYcE4D1UMylTKcVsUjPCYYN6OLSiKHZ9MAePqqHlI2gqOSCPAmXVUPKZxNp5II8CZtVw8xsk9ntdErgLdrvnqInEKitBKACGu9AugbKQagb6QYgL6RYgD6RooB6BspBqBvpBiAvpFiAPqmp9g/AOiEnmIWADrBiBJA30gxAH0jxQD0jRQD0DdSDEDfSDEAfSPFAPSNFAPQN1IMQN9IMQB9I8UA9I0UA9C38yk2uaG+hq417mPkv//K5Y6DXlR8HJRKvdZQAxzAFX0xWYvbmq18ZHDbqklObvh4aTUOyxasEkxzSfBwa9qOhtGrXznv1CTaQ4Fe4BEuGlFW1QOXqefc1hGbjYO/KfsXRuPgdd/mXluqOyY3shUYFxEZtgFAr66aF7P+CDFjcsOcWUuPbK4ort7GyctHa5yxW67Ntn6cQIoBr/Hz2f2/JHJL38r6g7toRKkOJ/Wb31OTKcaIEniuS1MsMykm+1brP+0SMTspVtDLC+5GXwx4jdMpZkRCbaL5+8CcMtPohjE3olznx/L5aP0tx7P7pBjwXNfN7svM2k6kmNwQ96Rs2G/K9MXWDeqhY8MUW7fJiBJ4h1SKTW6Ip5zUHzrnghTzO2LhMUfnRuPlVGGKFfbF4p3SFwMe7Qt9sTAg1oOS87/kbP3gpmgMmBpRVoVOHJ3OJSMSQM8uT7HoVP6/2Fo6bnOvKpjJOtkXC2flZIrZ9KNINOAJrk6x/MlfqlPzYv7e5TbX2X2xFZILeJ4rUmzubRm7TJxpJ0bMhyNXa99qPkZ5YYqZaM5ObIUUA57ndIrNvZ6/M78KTuya7y+7SJnumzxrv2pE+Sc4HMFhSuCBTqeYNaVndYXju4V6CREAlGF9MQB9I8UA9I0UA9A3UgxA30gxAH0jxQD07Y5VEktXhbXhuV36mRxDeG05dUaAN7kvxfbrjIhT7eez85Uz+P3T8akzArzPrX0x9boiE6fY8j87KUadEeCNfphiYU/HaKtRy7XJRHjNQZMfUVJnBHiln/fFvI5SfHl20Lca3CSWJ8v3xagzArzSj1MsWPTCX0DRBXP/1n0GZ8fsCDRIMeqMAK/z2xST3aU5OuZJq5VXnXeJkvWHJccoqTMCvMxvU2wc3DAsM2IfZ4N1x4JSIEuUTKM/uy/vFo1JqTMCvMz56iHlP7TuM7hRnGmxLqy49su8vFgTarnPmlDe4q5+kFFnBHiZH/bF5ryIz3qdY2LtnYlfJM8XW+e25keN1ksx6owAb/LLMy3Wk12jOfh4AVjncn0xJ0Z/4YOoMwK8SwNXIK1T/uGq09Z9BmeGbWbK62cl5rmoMwK8zN0pNofIOP11uPJRsibUfGRTGYRSZwR4nRtTzCqDNe9a7ihK1n7TmkR/82LiTtQZAV7mphSL00fcYxnfaSmmpImNxoMAXoT1xQD0jRQD0DdSDEDfSDEAfSPFAPTtcSlWsa4/gCdoPsX0sysScidwaFumzgjQv7ZTLLV8q352WPrM1TjXqDMCPEXLKRatBOsyfaVgFdmFUa8xos4I8BzNplh8WaXTL5x07i+V1Mog6hwZdUaAB2kzxfauagyGiqnxXXhbEo06I8CDNJliJlgF3zkX93RkzTenLNQTP9xLMeqMAA/RZIrNvpdi20/SvTDqjACdaDvFCkeUzh1MMeqMAP37ZfWQ8h865w71xconuRx1RoCHaLsvdmZEGajoiyVQZwRoUrMpVnaYsjzFYtQZAR6h2RTbLZdb2RebBWeKUWcE6F+rKRZHzE6KaSf6Rxv1ko46I8AjtJliQUI55xIpZv077I5A5RaoMwI8QpMppvaS1h9uZzmwAg+ANlMMAIqRYgD6RooB6BspBqBvpBiAvpFiAPr21BQrOJWf6iHAIzSbYiVrVGRPMVVDakX1EOAp2k6x4NT8ICO81fGrrh6negjwHM9KsdwQUlzVRPUQ4EFemWJUDwEepO0Uq5gXq00xqocAD9F2in2pL7ZuMJOPVA8BOvGsFCud3U9sMLXrdXeMKIH2NFs9ZHet1yDFdk8QO9EXW3fHiBJoT6t9scIJeC/FKs9WpXoI8AitplhJySLZFyucsA93UTz8dFQPARrVaoqZaI4pn2LqGV55VA8BHqHJFJuHk8HoTU2xv0DR1unfRfUQ4BGaTDF1BmoNHXneg11+dWANfqqHAI/QZIrVMpX1dAE8yCNSDMCLkWIA+kaKAegbKQagb6QYgL6RYgD6dlOKhWd4ZdfV+VuONbC3FI+Rq4lxYirwWD9MsWCVrvwtvMpHux4oc35pkJLmo+Rgsj0m+lX9KbUAfqWHvpiLCqzt1FuLVulRL2nadj24af5vSVMBtKXtebGi9XmC9JncoPW8ksFHigF9+22KpZZITaVSvN5OuNREcDH25Ib0lYzzOHHLt8QCO0ECkmJA257UF8tG2Gy+AnxbJmzthS19sfhCdFIMaNvPU0zGhJcp2uxVVV9MncJXrGGXTrFwuQtSDGjXHX2xeAFC57Yy3ZP41bERZemyOfNjrfuYZXZMpNh6T/piQNt+WT1Eoyba1ooDs/ui/UHPLOysWfcZ3LicjLbO2QUpBqBtrZ4vlip/u9MXy/5cSbFPOIaN+2IA2nbf7P6cFObjxprCH/m+20o9J1btiwUbU1NMv3gAQBNuSTFxStdfKmnVJItOy9BOj9DPcY3X5k+faRGnGF0zoFU/TrF5vkz0gOIiHflOz25fLLURJdqK+2J6JUoATfhhiqn5EqeS0U49zdx/FZy3sf4kdTprvi+2DXIPFVgC8Ct3n/VaOM91+P456b5Y+TFWAHe7O8UA4BxSDEDfSDEAfSPFAPSNFAPQN1IMQN9IMQB9I8UA9I0UA9A3UgxA30gxAH0jxQD0jRQD0Lf/cHQ+6yC+WrYAAAAASUVORK5CYII=" alt="" />

js处理json js递归的更多相关文章

  1. prototype.js 和json.js 冲突

    1.冲突简述和分析 prototype.js与json.js并不是完全兼容的.主要冲突在于json.js为Object的原型增加了一个toJSONString的方法. 冲突之一:是prototype中 ...

  2. 用json2.js 代替 json.js防止与jQuery的js冲突

    用json2.js 代替 json.js防止与jQuery的js冲突 1 s.toJSONString json.js:259 2 Object.toJSONString json.js:158 3 ...

  3. js 使用json.js处理json对象

    使用参考代码: <script src="json/json2.js"></script> <script type="text/javas ...

  4. JavaScript中解析JSON --- json.js 、 json2.js 以及 json3.js的使用区别

    JSON官方(http://www.json.org/)提供了一个json.js,json.js是JSON官方提供的在JavaScript中解析JSON的js包,json.js.json2.js.js ...

  5. json树递归js查询json父子节点

    上代码,直接另存为html打开,看console控制台就可以看到效果了 <!DOCTYPE html> <html lang="en"> <head& ...

  6. Json——js和C#对Json的操作

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式.博主记得几年前在华为外包项目中有一个和Android应用交互的需求,Andr ...

  7. js 将json字符串转换为json对象的方法解析

    推荐: var obj = eval('(' + str + ')'); var last=JSON.stringify(obj); //将JSON对象转化为string字符 例如: JSON字符串: ...

  8. C#、js、json Datetime格式总结

    在工作过程中遇到时间格式的数据在C#.js 和 json保存的不同结果,现在总结一下 JavaScript Parser: 1.数字型时间转字符串时间 如var data = "/Date( ...

  9. js声明json数据，打印json数据，遍历json数据

    1.js声明json数据: 2.打印json数据: 3.遍历json数据 //声明JSON var json = {}; json.a = 1; //第一种赋值方式(仿对象型) json['b'] = ...

随机推荐

  1. Linux 离线安装Rubygems详解

    很多时候我们会发现,真实的生成环境很多都没有外网,只有内网环境,这个时候我们又需要安装RubyGems,则不能提供yum命令进行在线安装了,这个时候我们就需要下载安装包进行离线安装.本文主要简单介绍如 ...

  2. java中数组中一些方法的总结

    这个方法可以控制复制原数组的长度,想要复制多少就可以复制多少 这种复制方法不是特别灵活.只能复制整个数组或者对数组从首部开始进行截取.无法灵活的想复制哪里就复制哪里.因此一般用在数组的扩容上. jdk ...

  3. 什么是redis，redis能做什么，redis应用场景

    Redis是一个key-value存储系统.Redis的出现,很大程度补偿了memcached这类key/value存储的不足,在部分场合可以对关系数据库起到很好的补充作用.这篇文章小编为大家分享了在 ...

  4. 从#65279字符看dede模板页面编码问题

    今天一位朋友让帮忙给解决一个dede模板的问题,问题主要是:模板文件生成html文件之后会在body开头处加入一个可见的控制符&#65279,导致页面头部会出现一个空白行. 接到"& ...

  5. vue-cli的webpack模版项目配置解析

    上一篇文章已经分析了build/dev-server.js,里面使用到了其他config文件. 那么我们这篇文章,按着dev-server.js的使用顺序,来分析下其他文件. 首选,调用check-v ...

  6. jsp中${}

    jsp中${}----是EL表达式的常规表示方式目的是为了获取{}中指定的对象(参数.对象等)的值 如:${user.name}<====>User user = (User)reques ...

  7. Mysql执行计划说明

    Mysql执行计划翻译: 官网原文请见http://dev.mysql.com/doc/refman/5.6/en/explain-output.html:5.6 EXPLAIN语句提供有关SELEC ...

  8. html5移动端meta自动适应标签

    控制显示区域各种属性: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc ...

  9. window安装swagger editor

    1.下载 nodejs,并安装 2. 下载swagger editor并安装 2.1 git clone https://github.com/swagger-api/swagger-editor.g ...

  10. linux_ssh

    什么是ssh? 配置文件位置:/etc/ssh/sshd_config 远程登录和为其他网络提供安全的加密数据传输协议,默认端口22,默认协议是SSH2 # 远程终端通过ssh连接服务器管理服务器 # ...