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

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

今天前端告诉我因为产品告诉她角色树层数不限层数(之前告诉她最多四层),所以她那边没法解析我给她的数组了,如果我这边把数组的某几个字段改一下,她可以用一个插件来解析。然后我这边需要把之前的 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 网页增加动态功能。

    710 引用 • 1173 回帖 • 175 关注
  • 前端

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

    247 引用 • 1347 回帖
  • JSON

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

    51 引用 • 190 回帖 • 2 关注
  • 工作

    快乐工作,认真生活。

    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

请输入回帖内容 ...

推荐标签 标签

  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    5 引用 • 15 回帖 • 224 关注
  • Sillot

    Sillot (汐洛)孵化自思源笔记,致力于服务智慧新彖乄,具有彖乄驱动、极致优雅、开发者友好的特点
    Github 地址:https://github.com/Hi-Windom/Sillot

    14 引用 • 4 回帖 • 26 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    34 引用 • 467 回帖 • 692 关注
  • JWT

    JWT(JSON Web Token)是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 17 关注
  • LaTeX

    LaTeX(音译“拉泰赫”)是一种基于 ΤΕΧ 的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在 20 世纪 80 年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    9 引用 • 32 回帖 • 169 关注
  • Oracle

    Oracle(甲骨文)公司,全称甲骨文股份有限公司(甲骨文软件系统有限公司),是全球最大的企业级软件公司,总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年,甲骨文已超越 IBM,成为继 Microsoft 后全球第二大软件公司。

    103 引用 • 126 回帖 • 452 关注
  • 国际化

    i18n(其来源是英文单词 internationalization 的首末字符 i 和 n,18 为中间的字符数)是“国际化”的简称。对程序来说,国际化是指在不修改代码的情况下,能根据不同语言及地区显示相应的界面。

    7 引用 • 26 回帖 • 3 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 242 关注
  • 百度

    百度(Nasdaq:BIDU)是全球最大的中文搜索引擎、最大的中文网站。2000 年 1 月由李彦宏创立于北京中关村,致力于向人们提供“简单,可依赖”的信息获取方式。“百度”二字源于中国宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”,象征着百度对中文信息检索技术的执著追求。

    63 引用 • 785 回帖 • 251 关注
  • TGIF

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

    284 引用 • 4481 回帖 • 656 关注
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 398 关注
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 553 关注
  • 小说

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

    28 引用 • 108 回帖 • 1 关注
  • 阿里云

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

    89 引用 • 345 回帖 • 2 关注
  • ZooKeeper

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

    59 引用 • 29 回帖 • 15 关注
  • 脑图

    脑图又叫思维导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。

    21 引用 • 58 回帖
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    103 引用 • 294 回帖 • 3 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构,这是有关软件整体结构与组件的抽象描述,用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    139 引用 • 441 回帖 • 1 关注
  • Telegram

    Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端,也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。

    5 引用 • 35 回帖
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 4 关注
  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    180 引用 • 447 回帖 • 2 关注
  • 链书

    链书(Chainbook)是 B3log 开源社区提供的区块链纸质书交易平台,通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书,我们共同构建这个全新的交易平台,让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线,也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 745 关注
  • 安装

    你若安好,便是晴天。

    128 引用 • 1184 回帖 • 1 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    25 引用 • 215 回帖 • 163 关注