JavaSscript-TreeStructureCreate/app.js at master · roman08/JavaSscript-TreeStructureCreate · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
            // [
            //         { "text": "Programming", "value": 91, "id": 91, "parentid": 0, "children": [{
            //             "text": "Frontend", "value": 911, "id": 911, "parentid": 91, "children": [
            //                 { "text": "Angular 1", "value": 9111, "id": 9111, "parentid": 911 },
            //                 { "text": "Angular 2", "value": 9112, "id": 9111, "parentid": 911 },
            //                 { "text": "ReactJS", "value": 9113, "id": 9113, "parentid": 911 }
            //             ]
            //         }, {
            //             "text": "Backend", "value": 912, "id": 912, "parentid": 91, "children": [
            //                 { "text": "C#", "value": 9121, "id": 9121, "parentid": 912 },
            //                 { "text": "Java", "value": 9122, "id": 9122, "parentid": 912 },
            //                 { "text": "Python", "value": 9123, "id": 9123, "parentid": 912 }
            //             ]
            //         }]
            //     },
            //     {
            //         "text": "Networking", "value": 92, "id": 92, "parentid": 0, "children": [{
            //             "text": "Internet", "value": 921, "id": 921, "parentid": 92 },
            //             { "text": "Security", "value": 922, "id": 922, "parentid": 92 }
            //         ]
            //     }
            // ]
var arr = [

    {'text': 'Programming', 'value': 91, 'id': 91, 'parentid': 0},
    {'text': 'Frontend', 'value': 911, 'id': 911, 'parentid': 91},
    {'text': 'Angular 1', 'value': 9111 , 'id': 9111, 'parentid': 911},
    {'text': 'Angular 2', 'value': 9112 , 'id': 9111, 'parentid': 911},
    {'text': 'ReactJS', 'value': 9113, 'id': 9113, 'parentid': 911},
    {'text': 'Backend', 'value': 912, 'id': 912, 'parentid': 91},
    {'text': 'C#', 'value': 9121 , 'id': 9121, 'parentid': 912},
    {'text': 'Java', 'value': 9122 , 'id': 9122, 'parentid': 912},
    {'text': 'Python', 'value': 9123, 'id': 9123, 'parentid': 912},
    {'text': 'Networking', 'value': 92, 'id': 92, 'parentid': 0},
    {'text': 'Internet', 'value': 921 , 'id': 921, 'parentid': 92},
    {'text': 'Security', 'value': 922 , 'id': 922, 'parentid': 92}
];

unflatten = function( array, parent, tree ){

    tree = typeof tree !== 'undefined' ? tree : [];
    parent = typeof parent !== 'undefined' ? parent : { id: 0 };

    var children = _.filter( array, function(child){ return child.parentid == parent.id; });

    if( !_.isEmpty( children )  ){
        if( parent.id == 0 ){
           tree = children;
        }else{
           parent['children'] = children
        }
        _.each( children, function( child ){ unflatten( array, child ) } );
    }

    return tree;
}

tree = unflatten( arr );
var myJSON = JSON.stringify(tree);

//xmlhttp.open("GET", "json_demo.txt", true);

console.log(myJSON);
// document.body.innerHTML = "<pre>" + (JSON.stringify(tree, null, " "))