Element-UI中Tree(树形结构)递归调用

最新推荐文章于 2023-12-08 13:11:09 发布

原创最新推荐文章于 2023-12-08 13:11:09 发布 · 809 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #vue.js

这个博客介绍了如何使用JavaScript进行递归调用来处理树形结构数据。主要涉及将'meta'键的值替换为'title'，以及删除没有子节点的'children'键，以优化数据结构。

递归调用判断key ，来切换value

    // 树形结构递归调用
    const cheangeAreaData = (data) => {
      // console.log(data)
      const arr = []
      data.forEach(item => {
        for (const key in item) {
          // 判断key
          if (key === 'meta') {
            item[key] = item[key].title
            arr.push(item)
          }

          // 判断key
          if (key === 'children') {
            if (item.children.length > 0) {
              cheangeAreaData(item.children) // 递归调用
            } else {
              delete item[key].children
            }
          }
        }
      })
      return arr
    }