如何创建现有 json 的树答案

【问题标题】：How to create a tree of existing json如何创建现有 json 的树
【发布时间】：2018-05-14 05:58:12
【问题描述】：

我想解析一个从 api 获取的 json

我有以下架构

nodes = [
    {
        id: 1,
        name: 'root1',
        key: 'value1'
        key1: 'value2'
        children: [
            { id: 2, name: 'child1' },
            { id: 3, name: 'child2' }
        ]
    },
    {
        id: 4,
        name: 'root2',
        key3: 'value3'
        key4: 'value4'
        children: [
            { id: 5, name: 'child2.1' },
            {
                id: 6,
                name: 'child2.2',
                key5: 'value5'
                key6: 'value6'
                children: [{
                    id: 7,
                    name: 'subsub',
                    children: [{
                        id: 8,
                        name: 'subsubsub'
                    }]
                }]
            }
        ]
    }
];

我正在尝试关注但不工作

data = []

var nodesFun = function(n, data, cObj) {
    let obj = {}
    obj["name"] = n['name']
    if (n['children']) {
        console.log(obj);
        console.log("name--> "+n['name']);
        let childList = []
        for (let i=0; i < n['children'].length; i++){
            console.log("cname--> "+n['children'][i]['name']);
            childList.push({"name": n['children'][i]['name']})
            let dataObj = nodesFun(n['children'][i], data, obj)
            if (dataObj){
                data.push(dataObj)
            }
        }
        obj["children"] =  childList
        cObj["children"] =  obj
        return cObj
    }else{
      cObj["children"] =  obj
      return cObj
    }
}
nodesFun(nodes, data, {})
console.log(nodes);

现在我想使用递归函数将上面的json转换成以下格式

nodes = [{
        id: 1,
        name: 'root1',
        children: [
            { id: 2, name: 'child1' },
            { id: 3, name: 'child2' }
        ]
    },
    {
        id: 4,
        name: 'root2',
        children: [
            { id: 5, name: 'child2.1' },
            {
                id: 6,
                name: 'child2.2',
                children: [{
                    id: 7,
                    name: 'subsub',
                    children: [{
                        id: 8,
                        name: 'subsubsub'
                    }]
                }]
            }
        ]
    }
];

【问题讨论】：

所以你只想摆脱key 值？（这与角度无关）

标签： javascript jquery json recursion tree

【解决方案1】：

您可以使用array#forEach 和递归方法修改原始nodes 数组。遍历node的每个key，如果key中包含key的话，删除它，如果包含children，则再次调用deleteKey函数。

var nodes = [ { id: 1, name: 'root1', key: 'value1', key1: 'value2', children: [ { id: 2, name: 'child1' }, { id: 3, name: 'child2' } ] }, { id: 4, name: 'root2', key3: 'value3', key4: 'value4', children: [ { id: 5, name: 'child2.1' }, { id: 6, name: 'child2.2',key5: 'value5', key6: 'value6', children: [{ id: 7, name: 'subsub', children: [{ id: 8, name: 'subsubsub' }] }] } ] } ];

var deleteKey = (nodes) => {
  nodes.forEach(node => {
    Object.keys(node).forEach(k => {
      if(k.includes('key'))
        delete node[k];
      if(k == 'children')
        deleteKey(node[k]);
    })
  });
}
deleteKey(nodes);
console.log(nodes);

.as-console-wrapper { max-height: 100% !important; top: 0; }

如果您想要一个新数组，可以使用array#reduce 和array#map。

var nodes = [ { id: 1, name: 'root1', key: 'value1', key1: 'value2', children: [ { id: 2, name: 'child1' }, { id: 3, name: 'child2' } ] }, { id: 4, name: 'root2', key3: 'value3', key4: 'value4', children: [ { id: 5, name: 'child2.1' }, { id: 6, name: 'child2.2',key5: 'value5', key6: 'value6', children: [{ id: 7, name: 'subsub', children: [{ id: 8, name: 'subsubsub' }] }] } ] } ];

var removeKey = (nodes) => {
  return nodes.map(node => {
    return Object.keys(node).reduce((r, k) => {
      if(!k.includes('key'))
        r[k] = node[k];
      if(k == 'children')
        r[k] = removeKey(node[k]);        
      return r;
    },{});
  });
}
console.log(removeKey(nodes));

.as-console-wrapper { max-height: 100% !important; top: 0; }

【讨论】：

是的，但在我原来的 json 中有很多不同名称的键值。所以这就是为什么我试图在现有的 json 上构建新的 json
我添加了另一个解决方案，它不会修改您的原始对象。

【解决方案2】：

该函数从您的对象中删除所有不是 id、name 和 children 的键

let nodes = [
    {
        id: 1,
        name: 'root1',
        key: 'value1',
        key1: 'value2',
        children: [
            { id: 2, name: 'child1' },
            { id: 3, name: 'child2' }
        ]
    },
    {
        id: 4,
        name: 'root2',
        key3: 'value3',
        key4: 'value4',
        children: [
            { id: 5, name: 'child2.1' },
            {
                id: 6,
                name: 'child2.2',
                key5: 'value5',
                key6: 'value6',
                children: [{
                    id: 7,
                    name: 'subsub',
                    children: [{
                        id: 8,
                        name: 'subsubsub'
                    }]
                }]
            }
        ]
    }
];

const getFinalNode = function(arr){
  arr.forEach(function(obj, idx){
    let tmpObj = {
      id: obj.id,
      name: obj.name,
    }
    if(obj.children && obj.children.length){
      tmpObj.children = getFinalNode(obj.children)
    }
    arr[idx] = tmpObj
  })
  return arr
}
getFinalNode(nodes);
console.log(nodes)

【讨论】：