Solving the problem of an js array

var cloumns = [
            ["", "", "", 287589],
            ["", "", "", 731786],
            ["", "", "", -4554],
            ["", "", "", -13556],
            ["", "", "", 6883],
            ["", "", "", 266137],
            ["", "", "", 113187],
            ["", "", "", 329072],
            ["", "", "", 614692],
            ["", "", "", 229967],
            ["", "", "", 66641],
            ["", "", "", 294351],
            ["", "", "", 52]
        ];

as in the previous array, how to convert it to this form:

var translateData = {
            nodes: [
                {
                    name: "",
                    nodes: [
                        {
                            name: "",
                            nodes: [
                                {
                                    name: "",
                                    value: 287589
                                },
                                {
                                    name: "",
                                    value: 731786
                                }
                            ]
                        },
                        {
                            name: "",
                            nodes: [
                                {
                                    name: "",
                                    value: -4554
                                },
                                {
                                    name: "",
                                    value: -13556
                                }
                            ]
                        }
                    ]
                }, {
                    name: "",
                    nodes: [
                        {
                            name: "",
                            nodes: [
                                {
                                    name: "",
                                    value: 287589
                                }
                            ]
                        }
                    ]
                }
            ]
        }

Node.js html5 html javascript

Mar.24,2021

first extract the first identical array to form an array. And then traverse them separately. The data structure is up to you

        //3
        const cloumns = [
            ["", "", "", 287589],
            ["", "", "", 731786],
            ["", "", "", -4554],
            ["", "", "", -13556],
            ["", "", "", 6883],
            ["", "", "", 266137],
            ["", "", "", 113187],
            ["", "", "", 329072],
            ["", "", "", 614692],
            ["", "", "", 229967],
            ["", "", "", 66641],
            ["", "", "", 294351],
            ["", "", "", 52]
        ]

        //
        const nodes = [];
        let first, second;

        //cloumns
        cloumns.forEach(row => {
            //row[0],,
            const firstFlag = nodes.some(firstNode => {
                if (firstNode.name == row[0]) first = firstNode;
                return firstNode.name == row[0]
            })

            if (!firstFlag) {
                first = {
                    name: row[0],
                    nodes: []
                }
                nodes.push(first)
            }

            //row[1],,
            const secondFlag = first.nodes.some(secondNode => {
                if (secondNode.name == row[1]) second = secondNode;
                return secondNode.name == row[1]
            })

            if (!secondFlag) {
                second = {
                    name: row[1],
                    nodes: []
                }
                first.nodes.push(second)
            }

            //,push
            second.nodes.push({
                name: row[2],
                value: row[3]
            })
        })

function trans (arr) {
    let result = {nodes: []}
    let depth = arr[0].length - 1
    if (!arr.length || depth < 1) return obj

    let cache = {
        '': result.nodes
    }

    ;[...new Array(depth).keys()].map(i => +i).forEach(i => {
        arr.forEach(cur => {
            let key = cur[i]
            let allKey = cur.reduce((sum, cur, j) => sum += j < i ? cur : '', '')
            if (i === depth - 1) {
                return cache[allKey].push({name: key, value: cur[i + 1]})
            }
            if (!cache[allKey + key]) {
                let obj = {name: key, nodes: []}
                cache[allKey].push(obj)
                cache[allKey + key] = obj.nodes
            }
        })
    })
    return result
}
trans(cloumns)

Previous: Resolution of icon of tray in electron

Next: Does the nailing computer version of cross-platform technology use electron?

React.js reported an error with the echarts plug-in, but it hasn't been solved for a few days. What's wrong with you guys?
...

Node.js html5 html javascript

Feb.28,2021
Novice, ask some simple event handling mechanisms of the wepy Mini Program framework
question 1. Why can the event function outside the methods object be triggered when the element triggers the event ? The strange thing is that the button button cannot trigger the event function outside the methods object. Why is that? question 2. ...

Css node.js html5 html javascript

Mar.06,2021
Cannot get data value in vue methods
vue methods cannot get data value export default { name: "sysAdd", data() { return { form: { name: , region: , date1: , ...

Typescript node.js html5 html javascript

Mar.10,2021
The returned array can be fetched at the beginning of the menu on-open-change event in iview2.13.1, but it will not be available if you click on it later.
...

Less node.js html5 html javascript

Mar.11,2021
Experience problems of token expired redirect login
for example, a user is in the process of modifying user information, during which the token expires, and then it is redirected to login,. Although it is not common, it is still very embarrassing to encounter. Is there any good way to avoid this situation...

Node.js html5 html javascript

Mar.14,2021
Event agent removes the error problem of child elements
for help. ...

Typescript node.js html5 html javascript

Mar.19,2021
Why does the page refresh automatically using the jquery ajax get method?
$(document).on( click , -sharpexport ,() => { $.get( workspace export ); }); router.get( export ,function(req, res, next){ var filepath = workspace export export.mp4 ; res.download(filepath, err => { ...

Php node.js html5 html javascript

Mar.19,2021
The problem of passing parameters in vue routing
id ...

Typescript node.js html5 html javascript

Mar.20,2021
The problem that webpack cannot dynamically set the html content in require html in js
footer.html footer.js how do I modify the value of footer.html in footer.js? ...

Css node.js html5 html javascript

Mar.20,2021
Vue subcomponent cannot get [props] data
activated userId userInfo id can t get the id value. Do you know how to solve this problem? ...

Css node.js html5 html javascript

Mar.20,2021
There is a problem with the attribute value in the case of js motion displacement offsetX.
how does the offsetX restore the attribute value when setting the distance for the element to move? how does the position run off? ...

Typescript node.js html5 html javascript

Mar.20,2021
How to merge two json return arrays?
var field = [{ field: , display: host , visible: true, type: checkbox }, { field: , display: department , visible: true, type: input }] list var list = [{ id: 1, host: 1.1 .1 .1 ,...

Node.js html5 html javascript

Mar.22,2021
How does vue get the text of the currently clicked element?
the interface is as follows: : I m stuck here right now: I don t know how to get the name in the current point? <div class="col-sm-10"> <div class="form-control" style="cursor:text"> <inp...

Css node.js html5 html javascript

Mar.23,2021
Element tree setChecked doesn't work?
[] { "FolderId":"folder_001", "FolderName":"", "FolderLevel":0, "Disable":true, "children":[ { "FolderId":"folder_005", ...

Node.js html5 html javascript

Mar.23,2021
The browser changes the requested data
orderID read from response is different from that read from preview what you get in the code is also the data in preview, but the correct orderID should be in response. how to get the data correctly ...

Node.js html5 html javascript

Mar.23,2021
How does new promise terminate chained calls?
adds a promise with a chained call, and calls three ajax, . I want to terminate the promise without the next two calls when the first one returns an error. How to do ...

Node.js html5 html javascript

Apr.07,2021
Vue.js on-demand loading module issu
there is a book-list component, on Home that simply lists the covers and names of some books. Each book can click on the cover to go to the BookDetail page, and these functions are fine. Home also has a button to display more books, which takes you to ...

Node.js html5 html javascript

Apr.12,2021
Refresh subcomponents under vue.js keep-alive
keep-alive, was introduced to save the number of pages in Pagination, which was added on the outermost part of App.vue, but the refresh of the subcomponents encountered a problem. The path of the sub-component is subject :id. I hope that each time t...

Less node.js html5 html javascript

Apr.19,2021
How does js get the user's current province name?
js how to get the name of the province where the current user is located, as long as the province asks for advice from its seniors! ...

Css node.js html5 html javascript

May.22,2021
Does JS have native methods that support triggering mouseenter events?
ask for help. Does js Native support trigger mouseenter event? I know jQuey support, but it s not clear how to trigger Native event ....

Java node.js html5 html javascript

May.26,2021