JS verwendet die Methode „reduce()“, um Baumstrukturdaten zu verarbeiten

array.reduce(Funktion(vorherige, aktuelle, Index, Array){
    ...
}, init);

const arr = [1, 3, 5, 7]
arr.reduce(Funktion(vorherige, aktuell, Index, arr){
    console.log(vorherige, aktuell, index)
    Zurück Vorherige + Aktuelle
})

const arr = ['ab', 'v', 'd', 'ab', 'h', 'e', ​​​​'dc', 'e', ​​​​'e', ​​'f']
const newArr = arr.reduce(Funktion(vorherige, aktuelle){
    !vorherige.includes(aktuell) && vorherige.push(aktuell)
    Zurück Zurück
}, [])
console.log(newArr) // ["ab", "v", "d", "h", "e", "dc", "f"]

//Holen Sie sich das Objekt-Array aus dem Hintergrund, gruppieren Sie es nach Objekttyp und fügen Sie es zu einem Baum zusammen, um die Daten anzuzeigen const dataArr = [
    { Typ: 'Governance-Ebene', Name: 'hive_82', Reserve: '2', ID: 1 },
    { Typ: 'Ursprüngliche Datenebene', Name: 'qwe', Reserve: '1', ID: 2 },
    { Typ: 'Quellebene', Name: 'mysql_exchangis', Reserve: '3', ID: 3 },
    { Typ: 'Governance-Ebene', Name: 'links_188', Reserve: '1', ID: 4 },
    { Typ: 'Quellebene', Name: 'mysql_ces', Reserve: '2', ID: 5 }
]
const treeData = dataArr.reduce((cur, next) => {
    const obj = cur.find(curItem => curItem.label === nächster.Typ)
    wenn (Objekt) {
        if (obj.children.indexOf(next.id) === -1) { //Deduplizierung obj.children.push({ 
                ...nächste, 
                Bezeichnung: nächster.name 
            })
        }
    } anders {
        const neuesObj = {
            Bezeichnung: nächster.Typ,
            Kinder: [{
                ...nächste,
                Bezeichnung: nächster.name
            }]
        }
        cur.push(neuesObjekt)
    }
    Rückgabewert aktuell
}, [])
​
// Das Ergebnis nach dem Zusammenführen:
Baumdaten = [
    {
        Bezeichnung: „Governance“,
        Kinder: [
            { Typ: 'Governance-Ebene', Name: 'hive_82', Reserve: '2', ID: 1, Bezeichnung: 'hive_82' },
            { Typ: ‚Governance-Ebene‘, Name: ‚links_188‘, Reserve: ‚1‘, ID: 4, Bezeichnung: ‚links_188‘ }
        ]
    },
    {
        Bezeichnung: 'Ursprüngliche Datenebene',
        Kinder: [
            { Typ: ‚Ursprüngliche Datenebene‘, Name: ‚qwe‘, Reserve: ‚1‘, ID: 2, Bezeichnung: ‚qwe‘ }
        ]
    },
    {
        Bezeichnung: 'Quellebene',
        Kinder: [
            { Typ: 'Quellebene', Name: 'mysql_exchangis', Reserve: '3', ID: 3, Bezeichnung: 'mysql_exchangis' },
            { Typ: ‚Governance-Ebene‘, Name: ‚mysql_ces‘, Reserve: ‚2‘, ID: 5, Bezeichnung: ‚mysql_ces‘ }
        ]
    }
]

const DatenArr = [
    {id: '18', name: 'Passwort zurücksetzen', parentId: '30', parentName: 'Benutzerverwaltung'}, 
    {id: '13', name: 'Überwachungsprotokoll', parentId: '29', parentName: 'Systemverwaltung'}, 
    {id: '29', name: 'Systemverwaltung', parentId: '0', parentName: null}, 
    {id: '14', name: 'Ändern', parentId: '33', parentName: 'Abteilungsleitung'}, 
    {id: '2', name: 'Benutzerliste', parentId: '30', parentName: 'Benutzerverwaltung'}, 
    {id: '30', name: 'Benutzerverwaltung', parentId: '29', parentName: 'Systemverwaltung'}, 
    {id: '33', name: 'Abteilungsleitung', parentId: '0', parentName: null}, 
    {id: '37', name: 'Benutzer hinzufügen', parentId: '30', parentName: 'Benutzerverwaltung'}, 
    {id: '6', name: 'Hinzufügen', parentId: '33', parentName: 'Abteilungsleitung'}, 
    {id: '7',name: 'Löschen', parentId: '33', parentName: 'Abteilungsleitung'}
]
//Erstellen Sie eine Zuordnungsbeziehung für die Menü-ID const idMapping = dataArr.reduce((prev, next, i) => {
    vorherige[nächste.id] = i
    Zurück Zurück
}, {})
​
const treeData = []
dataArr.map(el => {
    // Menü der ersten Ebene wenn (el.parentId === '0') {
        treeData.push(el)
        zurückkehren
    }
    
    // Finde das übergeordnete Element durch Mapping const parentEl = dataArr[idMapping[el.parentId]] 
​
    // Füge das aktuelle Element dem `children`-Array des übergeordneten Elements hinzu parentEl.children = [...(parentEl.children || []), el]
})
console.log(Baumdaten)

//Erstellen Sie eine Zuordnungsbeziehung basierend auf der übergeordneten ID const result = dataArr.reduce((prev, next) => {
    vorherige[nächste.parentId] ? vorherige[nächste.parentId].push(nächste) : vorherige[nächste.parentId] = [nächste];
    zurück vorh.;
}, {});
       
Objekt.Schlüssel(Ergebnis).Map(Schlüssel => {
    Ergebnis[Schlüssel].map((Element, i) => {
        Ergebnis[item.id] ? item.children = Ergebnis[item.id] : ''
    });
}) 
this.treeData = Ergebnis[0]
console.log(Baumdaten)