zoukankan      html  css  js  c++  java
  • js 一维数组,转成嵌套数组

    // 情况一:
    // 数据源
    var
    egs = [ {name_1: 'name_1...'}, {name_2: 'name_4...'}, {name_3: 'name_3...'}, {name_0: 'name_0...'}, ].reverse()
    // 最终想要的数据形式
    // {name_1: 'name_1...', // children: [ // {name_2: 'name_2...', // children: [ // {name_3: 'name_3...'}, // ] // } // ] // } var result = {} var key ='children' s(egs) function s(arrs) { arrs.forEach((o, i) => { console.log('---'+ i + ': ', result) if (!result[key]) { result[key] = [o] } else { o[key] = [result] result = o } }) } console.log(result)
    // 情况二:
    // pId 对应父级 id
    let arr = [
        { pId: '-1', id: '0', name: '父级1' },
        { pId: '0', id: '1', name: '父级1-1' },
        { pId: '0', id: '2', name: '父级1-2' },
        { pId: '2', id: '21', name: '子级21' },
      ]

      function buildTree (arr) {
        let temp = {}
        let tree = {}
        // 数组转 键值对
        arr.forEach(item => {
          temp[item.id] = item
        })

        let tempKeys = Object.keys(temp)
        tempKeys.forEach(key => {
          // 获取当前项
          let item = temp[key]
          // 当前项 pId
          let _itemPId = item.pId
          // 获取父级项
          let parentItemByPid = temp[_itemPId]
          if (parentItemByPid) {
            if (!parentItemByPid.children) {
              parentItemByPid.children = []
            }
            parentItemByPid.children.push(item)
          } else {
            tree[item.id] = item
          }
        })
        // 对象转数组并返回
        return Object.keys(tree).map(key => tree[key])
      }
     
     

     

  • 相关阅读:
    畅销书排行榜
    阿里云大数据产品体系
    天然气收费管理系统的研究与实现随笔
    Web端实现RTC视频特效的解决方案
    从0搭建在线聊天室,只需4步!
    技术干货 | JavaScript 之事件循环(Event Loop)
    C++20 四大特性之一:Module 特性详解
    Android Flutter 多实例实践
    网易云信线上万人连麦技术大揭秘
    Python + Pytest 自动化框架的用例依赖实操
  • 原文地址:https://www.cnblogs.com/gavin007/p/8340200.html
Copyright © 2011-2022 走看看