js拿到接口数据处理成三级或者四级结构再进行渲染_js 数组数据3级-程序员宅基地

背景：接口的数据结构一层套一层类似于这样
后端返回真实的数据如下：
在这里插入图片描述
这是个四级结构需要渲染的也是四级只需要拿到每个层级的name和第一个层级的ID
用最笨的方式来一层层解析再进行渲染

// 处理渲染左侧菜单的渲染
const outinner = result.dbcFiles;
let allData = [];
for (let i in outinner) {
    
let str = Object.keys(outinner).toString();
var index1 = str.lastIndexOf('.');
var index2 = str.length;
if (index1 >= 1) {
    
    str = str.substring(index1, index2);
}
// 如果得到的后缀命为arxml需要四层的渲染结构
if (str === '.arxml') {
    
    let empty = true;
    let i1Item = {
    };
    i1Item.name = i;
    let i1List = [];
    for (let j in outinner[i]) {
    
        empty = false;
        let i2Item = {
    };
        let i2List = [];
        i1Item.dbcId = outinner[i].dbcId;
        i2Item.name = j;
        const temp = outinner[i][j] || {
    };
        if (temp.length > 0) {
    
            temp.map((i3) => {
    
                let i3Item = {
    };
                let i3List = [];
                i3Item.name = i3.name;
                i2List.push(i3Item);
                const signal = i3.signals || [];
                signal.map((i4) => {
    
                    let i4Item = {
    };
                    i4Item.label = i4.name;
                    i4Item.value = i4.name;
                    i3List.push(i4Item);
                });
                i3Item.i3List = i3List;
            });
            i2Item.i2List = i2List;
            i1List.push(i2Item);
        }
    }
    if (!empty) {
    
        i1Item.i1List = i1List;
        allData.push(i1Item);
    }
} else if (str === '.dbc') {
    
}
console.log(allData);

本文链接：https://blog.csdn.net/weixin_43569396/article/details/125506362

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

FATFS文件系统详解-程序员宅基地

文章浏览阅读2.7k次，点赞13次，收藏96次。随着硬盘/flash容量不断增大，存储的数据也越来越多，早期单一的对应地址存放对应数据的方案已经无法满足我们的需求，因此一群大佬们便开始设计文件系统这样一个东西，用来管理硬盘/flash上的数据信息。本文主要分享关于FAT文件系统的详细设计。通过对FAT文件系统组成介绍，字段分析并采用新增文件实践分析的方式，详细阐述FAT文件系统的工作原理！_fatfs

【企业架构师】12 项企业架构师认证-程序员宅基地

文章浏览阅读3k次，点赞2次，收藏7次。企业架构师是使 IT 战略与业务目标保持一致的重要且不断增长的角色。无论您对云、应用程序、软件还是系统感兴趣，企业架构认证都可以提升您的职业生涯。如果您计划从事企业架构师 (EA) 的职业，那么认证是验证您的 EA 技能的好方法。作为 EA，您将负责为企业制定 IT 战略，以使业务目标与 IT 目标保持一致。公司严重依赖技术，因此 IT 现在是任何强大业务战略的基础部分。..._企业架构师认证

如何构建一个自己的代理ip池_如果制作代理ip池-程序员宅基地

文章浏览阅读5.9k次，点赞2次，收藏29次。相比前两种搭建IP池的方法来说，付费代理IP更能满足用户的需求，但对于有些特殊要求的朋友来说，他们想一次提取很多个或者多次提取很多个，存放在本地建立的IP池里，这种方法在一定的程度上优化了方案。只不过长期下来的话，服务器的维护成本较高，并且需要定时的维护，消耗大量的时间，如果是个人的话，搭建起来后期维护的成本太高了，如果您不是高端玩家的话，不建议使用这种方式搭建IP池。相对于免费的代理IP来说，收费代理IP虽然需要付出一定的成本，但是IP资源都是真实IP，并且高匿性，稳定性也好。一、默认自动切换IP。..._如果制作代理ip池

Linux下解压与压缩命令_linux解压rpm-程序员宅基地

文章浏览阅读4.3k次，点赞4次，收藏34次。本文主要是总结题主在学习与工作中使用到的Linux环境下解压与压缩命令，内容不算很全，但是囊括了大部分需求场景，如有误笔之处，还请同学指正。_linux解压rpm

前端展示后台服务器中图片的功能实现_前端访问后端图片展示-程序员宅基地

文章浏览阅读451次，点赞11次，收藏8次。这里的按钮我是放在了table表格的末尾，目的是获取每一行中的批次号，然后根据批次号读取后台服务器的图片，并且展示在前端的dialog中。有图片的效果图，这里只是做了个测试，图片的大小暂时还未调整。主要是一个接口还有个工具类，代码如下。dialog部分的代码。_前端访问后端图片展示

win10驱动开发——驱动签名_免费驱动签名-程序员宅基地

文章浏览阅读3.4k次，点赞3次，收藏11次。win1803开始直接禁用驱动强制签名的方式不行了1.设置环境bcdedit -set NOINTEGRITYCHECKS ONbcdedit -set TESTSIGNING ONbcdedit -set loadoptions DDISABLE_INTEGRITY_CHECKS2.配置环境变量找到makecert.exe文件位置如【C:\Program Files (x86)\Windows Kits\10\bin\10.0.17763.0\x64\makecert.exe】没有的请_免费驱动签名

随便推点

面试ASP.NET程序员的笔试题和机试题-程序员宅基地

文章浏览阅读128次。面试一般会叫你填两个表 1个是你的详细信息表 1个是面试题答卷两个都要注意反正面是否都有内容不要遗漏，如果考你机试一般也有两种，就是程序连接数据库或一些基本的算法（二分查找，递归等），公司一般都是测试你的基本功是否扎实，如果你基本功好就游刃有余不必紧张！ asp.net面试题 1.new有几种用法第一种:new Class(); 第二种:覆盖方法 public new XXXX()..._.net面试机试题

【二、大数据环境篇】001、方法论_方法论semma-程序员宅基地

文章浏览阅读405次。1、官网的文档无论是学习Hadoop的hdfs、hive，还是hbase等，都要非常看重官网的文档。大数据的很多框架，都是Apache的顶级项目，各个组件框架的官网链接都可以从下面的链接进入：Hadoop：http://hadoop.apache.org/Avro: 序列化系统HBase: 分布式数据库Hive: 数据仓库Mahout: 机器学习与数据挖掘库Pig: 并行计算的高级数据..._方法论semma

LDA算法的数学推导过程详解-程序员宅基地

文章浏览阅读411次，点赞8次，收藏21次。主题模型是自然语言处理和文本挖掘领域的一个重要研究方向,它可以自动发现文档集合中潜在的主题结构。其中,潜在狄利克雷分配(Latent Dirichlet Allocation, LDA)是最常用和最成功的主题模型之一。LDA是一种无监督的贝叶斯概率模型,能够有效地发现文档集合中隐藏的主题结构。LDA模型的核心思想是:每个文档可以表示为多个主题的概率分布,每个主题又可以表示为词语的概率分布。通过学习这些潜在的主题分布和词语分布,LDA模型可以发现文档集合中蕴含的语义主题信息。

Python利用fitz库提取pdf中的图片（针对多种类型pdf）_import fitz-程序员宅基地

文章浏览阅读2.3w次，点赞17次，收藏98次。目录一. 安装fitz二. pdf文件格式问题2.1 pdf文件存在多种格式2.2 分析问题三. 代码一. 安装fitz安装：需要安装fitz和PyMuPDF，否则会报如下错误：ModuleNotFoundError: No module named ‘frontend’pip install fitz PyMuPDF二. pdf文件格式问题2.1 pdf文件存在多种格式pdf文件的格式有好几种，用Adobe Acrobat比较正常的如下所示：这种类型的pdf文件可以比较正常地提取里面的图片_import fitz

for循环倒序java_for循环-程序员宅基地

文章浏览阅读5.4k次。除了while和do while循环，Java使用最广泛的是for循环。for循环的功能非常强大，它使用计数器实现循环。for循环会先初始化计数器，然后，在每次循环前检测循环条件，在每次循环后更新计数器。计数器变量通常命名为i。我们把1到100求和用for循环改写一下：// for----public class Main {public static void main(String[] arg..._java for 倒序

VS中未定义标识符cout,endl_未定义标识符 "endl-程序员宅基地

文章浏览阅读1w次，点赞6次，收藏10次。VS中未定义标识符vs2017中显示未定义标识符cout,endl。一种方法是：先看有没有包含输入输出流#include，以及命名空间using namespace std；第二种：如果上面都已包含，还是显示未定义标识符的话，检查一下，#include"pch.h"是否是在#include上面我就是犯了第二个错误..._未定义标识符 "endl