JavaScript将数据处理成树形结构

第一个方法是使用递归，可以处理多层嵌套。（react的value值和key值不一样是会报错的，而且key值要唯一，如果这组数据需要带有搜索功能的话是要设置treeNodeFilterProp来指定根据哪个字段来搜索的）。如果传进来的数据保证是有字段的可以省略判断的步骤，递归这个方法也可以结合第二个方法让代码看起来更简洁。

function toTree(data) {
    for (let i = 0; i < data.length; i++) {
      data[i].value = data[i].id || '';
      data[i].title = data[i].name || '';
      data[i].key = data[i].id || '';
      data[i].children = data[i].list || [];
      if (data[i].children && data[i].children.length > 0) {
        toTree(data[i].children);
      }
    }
    return data;
}

第二个方法是直接遍历，只能处理一层嵌套，但是要比递归简单，由于react可以只设置value和key其中一个，在这个方法中就不特别增加key了。

function toTree(data) {
    return data.map((item) => {
      return {
        title: item.name,
        value: item.id,
        children: item.list.map((item1) => {
          return {
            title: item1.name,
            value: item1.id,
          };
        }),
      };
    });
}