美文网首页
树形结构数据处理,反向控制树形结构状态

树形结构数据处理,反向控制树形结构状态

作者: forever_bin | 来源:发表于2022-12-28 15:17 被阅读0次

遇到这样的情况,一侧是树形结构,另一侧是选中的数据,当点击另一侧选中数据的删除按钮时候,不仅要删除数据,还要将一侧的树形结构checkbox状态更新,这时候就需要将树形结构的数据格式化

const result = dataArr.reduce((prev, next) => {
    prev[next.parentId] ? prev[next.parentId].push(next) : prev[next.parentId] = [next];
    return prev;
}, {});
       
Object.keys(result).map(key => {
    result[key].map((item, i) => {
        result[item.id] ? item.children = result[item.id] : ''
    });
}) 
console.log(result)
//这样result就是得到的格式化数据,拿到数据之后处理
for (var i in result) {
      this.state.chooseData.map((item1, index) => {
        if (item1.id === i) {
//当前id等于格式化数据的key的时候删除当前元素,树形结构和当前元素存在上下级关系
          this.state.chooseData.splice(index, 1)
        }
      })
    }

相关文章

  • 树形结构数据处理,反向控制树形结构状态

    遇到这样的情况,一侧是树形结构,另一侧是选中的数据,当点击另一侧选中数据的删除按钮时候,不仅要删除数据,还要将一侧...

  • js 数组与树形结构对象相互转换

    数组 树形结构对象 数组转成树形结构 树形结构转成数组

  • 【恋上数据结构与算法一】(六)二叉树

    二叉树 线性结构 树形结构 二叉树 多叉树 生活中的树形结构 ◼ 使用树形结构可以大大提高效率◼ 树形结构是算法面...

  • 十、二叉树(Binary Tree)

    1、树形结构 之前所讲的那些数组、链表、栈、队列等都是线性结构。 下面就是树形结构: 为什么要用到树呢?使用树形结...

  • 树形结构

    树是一种分层数据的抽象模型。它和散列表一样是一种非顺序数据结构,它对于存储需要快速查找的数据非常有用。 树的相关术...

  • 树形结构

    数据结构中的元素存在一对多的相互关系 二叉树 2. 非二叉树 3. 自平衡二叉查找树 4. B树 5. Trie ...

  • 树形结构

    今天听到门卫回答一路人关于核酸检测何时结束的问题,门卫说,他们也没有收到通知,不知道几点结束。 我眼前顿时浮现了一...

  • vue树形组件实现思路

    效果图如下: 父组件调用树形组件代码: 父组件要做的主要步骤: 引入树形组件 父组件获取的数据结构如下,把数据处理...

  • 树形结构(一):二叉树

    树形结构是指数据元素之间存在“一对多”(One-to-Many)的树形对应关系而形成的一类数据结构,树形结构是一类...

  • 数据结构拓展几种结构图

    树形结构图 集合结构图

网友评论

      本文标题:树形结构数据处理,反向控制树形结构状态

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