美文网首页
js树结构组装

js树结构组装

作者: 背后_542d | 来源:发表于2021-03-15 10:26 被阅读0次
 setTreeData(source) {
            let cloneData = JSON.parse(JSON.stringify(source))
            return cloneData.filter(father => {
                // 循环所有项,并添加children属性
                father.id = father.ID;
                father.label = father.ClassificationName;
                let branchArr = cloneData.filter(child => {
                    child.id = child.ID;
                    child.label = child.ClassificationName;
                    return father.ID == child.ParentID
                });   // 返回每一项的子级数组
                branchArr.length > 0 ? father.children = branchArr : ''   //给父级添加一个children属性
                return father.ParentID == null;      //返回第一层,
            });
        },

相关文章

  • js树结构组装

  • 树结构的json组装

    树结构的json组装在项目中有个非常常见的需求,就是希望获得可配置的前端页面权限,一般这种需求是通过账号----角...

  • JS树结构操作

    一、遍历树结构 1. 树结构介绍 JS中树结构一般是类似于这样的结构: 为了更通用,可以用存储了树根节点的列表表示...

  • JS第七天-03

    DOM DOM树结构关系代码示例: 一、JS中标签关系 二、JS操作页面标签 三、JS操作DOM一般步骤 1、创建...

  • js生成树结构

    原数据: 期望生成: 方式一:递归 方式二:利用对象是引用类型地址

  • js玩转树结构

    树结构转换成数组treeToArray(tree) {let arr = [];let expand = (tre...

  • 前端方法

    背景透明色 js实现千分隔开数字 list转换为树结构

  • 将扁平化的数据结构,组装成为对象树结构

    将扁平化的数据结构,组装成为对象树结构 进行对象遍历,找出对象key和子对象parent之间的关联

  • 递归实现树结构

    JS递归算法实现 数组 转 树结构 根节点只有一个 得到树结构如下: 2.多个根节点上例是指定只有一个根节点,可以...

  • vue搜索树形结构

    vue搜索树形结构 前台代码引入js文件 树结构 controller层 service层 impl mapper...

网友评论

      本文标题:js树结构组装

      本文链接:https://www.haomeiwen.com/subject/jqzhcltx.html