前端解析不了数组,求大神们告知如何解决

本贴最后更新于 2631 天前,其中的信息可能已经渤澥桑田

今天前端告诉我因为产品告诉她角色树层数不限层数(之前告诉她最多四层),所以她那边没法解析我给她的数组了,如果我这边把数组的某几个字段改一下,她可以用一个插件来解析。然后我这边需要把之前的 roleTreeDTO 改名叫 children, 原来的 roleId 要改成 key,以方便她套用那个插件。

虽说把 DTO 改成那样不符合代码规范,但终究只是名字问题,然而 key 作为一个 sql 的保留字段,我这边一改就得报错了。然后我只能遗憾的告诉她这个 key 字段没法改,然后问她之前是怎么获取数组的,她告诉我是套嵌四个 for 循环......我不是很懂前端,所以在此帮我的前端同事问一下有没有好的方法解决。

我的数据结构是这样的:

{
    "rc": 0,
    "ret": {
        "children": [
            {
                "children": [
                    {
                        "children": [],
                        "roleId": 3,
                        "roleName": "系统管理员",
                        "description": null
                    },
                    {
                        "children": [],
                        "roleId": 4,
                        "roleName": "麻瓜管理员",
                        "description": null
                    },
                    {
                        "children": [],
                        "roleId": 6,
                        "roleName": "超级管理员",
                        "description": "拥有全部权限的角色"
                    }
                ],
                "roleId": 1,
                "roleName": "管理员",
                "description": null
            },
            {
                "children": [
                    {
                        "children": [],
                        "roleId": 7,
                        "roleName": "技术员",
                        "description": "可以查看数据的角色"
                    },
                    {
                        "children": [],
                        "roleId": 11,
                        "roleName": "领导",
                        "description": "用于糊弄的角色"
                    }
                ],
                "roleId": 2,
                "roleName": "一般用户",
                "description": null
            },
            {
                "children": [],
                "roleId": 8,
                "roleName": "测试删除",
                "description": "用于测试删除的用户组"
            }
        ],
        "roleId": null,
        "roleName": null,
        "description": null
    },
    "err": null
}

上面是我传给前端的 json,希望大神提出宝贵的意见和方案,谢谢

  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    728 引用 • 1326 回帖
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    247 引用 • 1347 回帖
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖
  • 工作

    快乐工作,认真生活。

    139 引用 • 1469 回帖 • 6 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 88250

    我解析你的正文有困难

    2 回复
  • Eddie

    笑死 😆

  • Eddie

    key 是保留字?不能加 as "key"吗?

  • 不知道你们前端用的什么插件。这样应该已经满足很多插件的结构了

    1 回复
  • DrJoseph
    作者

    好像是一个叫 table 的表格

    1 回复
  • DrJoseph
    作者

    表达有待提高 😂

    1 回复
  • 88250

    主要是排版问题

    1 回复
  • DrJoseph
    作者

    我先去看看 Markdown 文档改下格式吧

    1 回复
  • 88250

    右上角头像下拉帮助里面有

  • FlyingFinger

    😅 好多层~~~

  • 叫 table 的表格有很多。不同的框架都有好几个叫 table 的表哥。。。😳

    1 回复
  • DrJoseph
    作者

    她也只是告诉我那个叫 table,我也是一脸懵逼

  • DrJoseph
    作者

    @participants 最新消息,前端告诉我她已经解决了,虽然如果角色层数多会消耗一定的效率,但是也算是解决了产品出的难题 😊

    1 回复
  • 搞定就好。不行就异步获取

  • FlyingFinger

    这个问题一会儿得去问问老师,趁着有老师赶紧解决了 ~ 😆

    1 回复
  • 88250

    我还在纠结要不要帮楼主排一下版

    1 回复
  • DrJoseph
    作者

    可能是还没适应公司的工作氛围吧,想着自己钻研,如果时间允许的情况下还是挺好的

  • DrJoseph
    作者

    我先试着改改吧 😨

  • someone756

    我的哥,不会格式化一下代码么...

    1 回复
  • DrJoseph
    作者

    老哥,问题已经解决了,谢谢提醒,下次注意 😆

    1 回复
  • FlyingFinger

    好奇,怎么解决的分享下思路呗

    1 回复
  • wizardforcel

    反正你们两个至少有一个人需要写代码处理 JSON。理论上前端应该做这事。

    1 回复
  • DrJoseph
    作者

    这个我没问前端...只是她告诉我她那边找到方法解决了

    1 回复
  • FlyingFinger

    😂心理痒痒的。。。。。哎

    1 回复
  • DrJoseph
    作者

    等中午休息的时候我问问看吧

    1 回复
  • FlyingFinger

    谢了哈~ 😏

    2 回复
  • DrJoseph
    作者

    不用客气 😆

  • DrJoseph
    作者

    主要是前端那边进展不顺的话会延误时间,前后端交接算双方的工作之一,如果任务节点时间延误会影响绩效,所以希望能帮前端想想办法

  • DrJoseph
    作者

    中午问了我们前端,她说循环用的是递归,生成树状结构是用 antd 和 Tree 的组件

    1 回复
  • FlyingFinger

    前者递归可以理解,后面的组件没用过,回头瞅瞅 ~ 再有一个月就该找工作了

  • 88250 1

    @participants 实在忍不住帮楼主重新排版了一下

    3 回复
  • FlyingFinger

    滋滋,看着舒服多了~ 😏

  • 滋滋,看着舒服多了 ~

    1 回复
  • FlyingFinger

    😱这个 big 怎么玩?

    1 回复
  • command + c and command + v

    1 回复
  • FlyingFinger

    7abd2c4f96124c9abe8c95ee747fb633-image.png

    滋滋,看看效果,应该不错的~

    1 回复
  • 放这么大干嘛? 背景透明就更好了

    1 回复
  • FlyingFinger

    没注意啊,笔记本改换了,白色要掰着看才能看出来 😆

  • DrJoseph
    作者

    辛苦 D 大了 😁嘻嘻

    1 回复
  • 88250

    记得熟悉 Markdown 啊

    1 回复
  • DrJoseph
    作者

    收到 👌

  • wizardforcel

请输入回帖内容 ...

推荐标签 标签

  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 164 关注
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    287 引用 • 4484 回帖 • 667 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    21 引用 • 140 回帖 • 4 关注
  • JetBrains

    JetBrains 是一家捷克的软件开发公司,该公司位于捷克的布拉格,并在俄国的圣彼得堡及美国麻州波士顿都设有办公室,该公司最为人所熟知的产品是 Java 编程语言开发撰写时所用的集成开发环境:IntelliJ IDEA

    18 引用 • 54 回帖 • 2 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    139 引用 • 269 回帖 • 48 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似,也就是用各类命令预先放入到一个文件中,方便一次性执行的一个程序文件,主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大,比用其他编程程序编辑的程序效率更高,因为它使用了 Linux/Unix 下的命令。

    122 引用 • 73 回帖
  • 博客

    记录并分享人生的经历。

    273 引用 • 2388 回帖
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    942 引用 • 1459 回帖 • 31 关注
  • DNSPod

    DNSPod 建立于 2006 年 3 月份,是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析,让电信用户访问电信的服务器,网通的用户访问网通的服务器,教育网的用户访问教育网的服务器,达到互联互通的效果。

    6 引用 • 26 回帖 • 506 关注
  • 导航

    各种网址链接、内容导航。

    39 引用 • 170 回帖 • 5 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    84 引用 • 139 回帖 • 2 关注
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1705 回帖
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    565 引用 • 3532 回帖
  • Log4j

    Log4j 是 Apache 开源的一款使用广泛的 Java 日志组件。

    20 引用 • 18 回帖 • 32 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 70 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    59 引用 • 29 回帖 • 3 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    221 引用 • 473 回帖
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 19 关注
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 337 关注
  • Ubuntu

    Ubuntu(友帮拓、优般图、乌班图)是一个以桌面应用为主的 Linux 操作系统,其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词,意思是“人性”、“我的存在是因为大家的存在”,是非洲传统的一种价值观,类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    124 引用 • 169 回帖
  • 创业

    你比 99% 的人都优秀么?

    84 引用 • 1399 回帖
  • Google

    Google(Google Inc.,NASDAQ:GOOG)是一家美国上市公司(公有股份公司),于 1998 年 9 月 7 日以私有股份公司的形式创立,设计并管理一个互联网搜索引擎。Google 公司的总部称作“Googleplex”,它位于加利福尼亚山景城。Google 目前被公认为是全球规模最大的搜索引擎,它提供了简单易用的免费服务。不作恶(Don't be evil)是谷歌公司的一项非正式的公司口号。

    49 引用 • 192 回帖 • 1 关注
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    192 引用 • 291 回帖 • 401 关注
  • 小说

    小说是以刻画人物形象为中心,通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    28 引用 • 108 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 354 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖