JavaScript 父子关系的数组转换成树形结构数据

最新推荐文章于 2023-01-06 09:02:50 发布

江城撅嘴的川羌

最新推荐文章于 2023-01-06 09:02:50 发布

阅读量128

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/m0_63969219/article/details/125093477

版权

javascript 前端

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

/**
 * @description 父子关系的数组转换成树形结构数据
 * @param data
 * @returns {*}
 */
export function translateDataToTree(data) {
  const parent = data.filter(
    (value) => value.parentId === 'undefined' || value.parentId == null
  )
  const children = data.filter(
    (value) => value.parentId !== 'undefined' && value.parentId !== null
  )
  const translator = (parent, children) => {
    parent.forEach((parent) => {
      children.forEach((current, index) => {
        if (current.parentId === parent.id) {
          const temp = JSON.parse(JSON.stringify(children))
          temp.splice(index, 1)
          translator([current], temp)
          typeof parent.children !== 'undefined'
            ? parent.children.push(current)
            : (parent.children = [current])
        }
      })
    })
  }
  translator(parent, children)
  return parent
}