JS对象转树形结构

题目

 var obj = {
      'a.b.c.d': 'value',
      'e.c':'vvv',
      'aaa': 'v',
      'eeee': 'va'
    }
 //将上述结构转化为下列格式
  var obj = {
      a:{
        b:{
          c:{
            d:'value'
          }
        }
      },
      e:{
        c:'vvv'
      },
      aaa:'v',
      eeee:'va'
    }

具体代码实现如下

var obj = {
      'a.b.c.d': 'value',
      'e.c':'vvv',
      'aaa': 'v',
      'eeee': 'va'
    }
   
    var result = {}   //定义一个接收结果的对象
     
    //函数实现
    function createObjTree(obj) {
      //遍历对象
      for (let key in obj) {
        //将对象的key值转化为数组，如 'a.b.c.d'转化成['a','b','c','d']
        let arr = key.split('.')  
        toTree(arr, key)
      }
    }
    //将对象的每一个属性转化为树形结构
    function toTree(arr, key) {
      if (arr.length === 1) {
        result[arr[0]] = obj[key]  //如果长度为一直接赋值即可
      } else {
        let temp = {} //记录时时更新的结果
        temp[arr[arr.length - 1]] = obj[key] //记录最后一项的信息
        //通过从后往前遍历，依次更新
        for (let i = arr.length - 2; i >= 0; i--) {
          let nowObj = temp
          temp = {}
          temp[arr[i]] = nowObj
        }
        result[arr[0]] = temp
      }
    }