JS 树结构数据解构成平面数据 Tree to Array<primary>

将tree数据解构成普通的数值数据结构

1、基础实现

// 树形解构转平铺
// data 集合数据；list 返回集合
function treeToTile(data, list){
    if (tools.isArray(data)) {
        return;
    }
    data.forEach(item => {
      if (item.children && item.children.length) {
        treeToTile(item.children, list)
      } else {
        list.push(item)
      }
    });
    return list;
}

2、结构成 指定对象 的普通数据集合

// 树形解构转平铺
// data 集合数据；list 返回集合; primaryObj 原集合对象; resultObj 返回新的集合对象
// 例 primaryObj = ['name', 'age']; resultObj = ['title', 'years']; 返回的集合中将name和age属性值赋值给了title和years属性！
function treeToTileGivenObject(data, list, primaryObj, resultObj){
    data.forEach(item => {
      if (primaryObj.length && resultObj.length) {
        let obj = {};
        primaryObj.map((m,i) => {
          obj[resultObj[i]] = item[m];
        });
      }
      
      if (item.children && item.children.length) {
        treeToTileGivenObject(item.children, list,primaryObj, resultObj)
      } else {
        (primaryObj.length && resultObj.length) ? list.push(obj) : list.push(item);
      }
    });
    return list;
  }

3、工具类方法tools

isArray(arr) {
        return Object.prototype.toString.call(arr) === '[object Array]' ? true : false;
}

4、调用

1、 treeToTile(dataList, []);
2、treeToTileGivenObject(dataList, [], [], []); 
3、treeToTileGivenObject(dataList, [], ['name', 'age'], ['title', 'years']); 

5、数据结构范例

let tree = [
  {
    name: 'jack',
    age: '20',
    children: []
  },
  {
    name: 'aa',
    age: '20',
    children: [
      {
        name: 'aa-1',
        age: '20',
        children: [
          {
            name: 'aa11-1',
            age: '20',
            children: []
          }
        ]
      },
      {
        name: 'aa-1',
        age: '20',
        children: []
      },
      {
        name: 'aa-1',
        age: '20',
        children: []
      }
    ]
  }
]；

返回：
let arr = [
{
    name: 'jack',
    age: '20',
    children: []
},
{
    name: 'aa',
    age: '20',
    children: []
},
{
    name: 'aa-1',
    age: '20',
    children: []
}
……
]；