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

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

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

    713 引用 • 1174 回帖 • 104 关注
  • 前端

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

    247 引用 • 1347 回帖 • 2 关注
  • JSON

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

    51 引用 • 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

请输入回帖内容 ...

推荐标签 标签

  • ngrok

    ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 613 关注
  • 反馈

    Communication channel for makers and users.

    124 引用 • 907 回帖 • 223 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具,它能把各种资源,例如 JS、CSS(less/sass)、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 283 关注
  • Love2D

    Love2D 是一个开源的, 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 520 关注
  • Node.js

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

    138 引用 • 268 回帖 • 130 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 7 关注
  • CAP

    CAP 指的是在一个分布式系统中, Consistency(一致性)、 Availability(可用性)、Partition tolerance(分区容错性),三者不可兼得。

    11 引用 • 5 回帖 • 580 关注
  • 安装

    你若安好,便是晴天。

    131 引用 • 1184 回帖
  • Netty

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

    49 引用 • 33 回帖 • 20 关注
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖 • 2 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言,具有近二十年的发展历史,成熟且稳定。它包含了一组完善而且容易理解的标准库,能够轻松完成很多常见的任务。它的语法简捷和清晰,尽量使用无异义的英语单词,与其它大多数程序设计语言使用大括号不一样,它使用缩进来定义语句块。

    536 引用 • 672 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    284 引用 • 248 回帖 • 124 关注
  • OpenShift

    红帽提供的 PaaS 云,支持多种编程语言,为开发人员提供了更为灵活的框架、存储选择。

    14 引用 • 20 回帖 • 606 关注
  • RIP

    愿逝者安息!

    8 引用 • 92 回帖 • 322 关注
  • CodeMirror
    1 引用 • 2 回帖 • 125 关注
  • Spring

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

    942 引用 • 1458 回帖 • 109 关注
  • LaTeX

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

    9 引用 • 32 回帖 • 146 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 705 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    45 引用 • 113 回帖 • 275 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 615 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎,支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 20 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    7015 引用 • 31702 回帖 • 220 关注
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 40 关注
  • API

    应用程序编程接口(Application Programming Interface)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。

    76 引用 • 429 回帖
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高,单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 94 关注
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘(Capacitive Keyboard)。

    5 引用 • 74 回帖 • 430 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年,是中国的 IT 社区和服务平台,为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务,满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖